Main Page

<mediawiki xmlns="http://www.mediawiki.org/xml/export-0.11/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mediawiki.org/xml/export-0.11/ http://www.mediawiki.org/xml/export-0.11.xsd" version="0.11" xml:lang="en">
  <siteinfo>
    <sitename>Random Assortment of Things Wiki</sitename>
    <dbname>randomassortmentofthings_en</dbname>
    <base>https://randomassortmentofthings.wiki.gg/wiki/Main_Page</base>
    <generator>MediaWiki 1.39.4</generator>
    <case>first-letter</case>
    <namespaces>
      <namespace key="-2" case="first-letter">Media</namespace>
      <namespace key="-1" case="first-letter">Special</namespace>
      <namespace key="0" case="first-letter" />
      <namespace key="1" case="first-letter">Talk</namespace>
      <namespace key="2" case="first-letter">User</namespace>
      <namespace key="3" case="first-letter">User talk</namespace>
      <namespace key="4" case="first-letter">Random Assortment of Things Wiki</namespace>
      <namespace key="5" case="first-letter">Random Assortment of Things Wiki talk</namespace>
      <namespace key="6" case="first-letter">File</namespace>
      <namespace key="7" case="first-letter">File talk</namespace>
      <namespace key="8" case="first-letter">MediaWiki</namespace>
      <namespace key="9" case="first-letter">MediaWiki talk</namespace>
      <namespace key="10" case="first-letter">Template</namespace>
      <namespace key="11" case="first-letter">Template talk</namespace>
      <namespace key="12" case="first-letter">Help</namespace>
      <namespace key="13" case="first-letter">Help talk</namespace>
      <namespace key="14" case="first-letter">Category</namespace>
      <namespace key="15" case="first-letter">Category talk</namespace>
      <namespace key="828" case="first-letter">Module</namespace>
      <namespace key="829" case="first-letter">Module talk</namespace>
      <namespace key="2300" case="case-sensitive">Gadget</namespace>
      <namespace key="2301" case="case-sensitive">Gadget talk</namespace>
      <namespace key="2302" case="case-sensitive">Gadget definition</namespace>
      <namespace key="2303" case="case-sensitive">Gadget definition talk</namespace>
    </namespaces>
  </siteinfo>
<page arvcontinue="">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>1</id>
    <timestamp>2021-11-29T15:17:56Z</timestamp>
    <contributor>
      <username>MediaWiki default</username>
      <id>0</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="735" xml:space="preserve">&lt;strong&gt;MediaWiki has been installed.&lt;/strong&gt;

Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.

== Getting started ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
* [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]</text>
    <sha1>5702e4d5fd9173246331a889294caf01a3ad3706</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:Extension DPL</title>
  <ns>10</ns>
  <id>2</id>
  <revision>
    <id>2</id>
    <timestamp>2022-12-18T00:55:51Z</timestamp>
    <contributor>
      <username>DynamicPageList3 extension</username>
      <id>44285</id>
    </contributor>
    <comment>Autogenerated DPL's necessary template for content inclusion</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="272" xml:space="preserve">&lt;noinclude&gt;This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].&lt;/noinclude&gt;</text>
    <sha1>087ffd4625ae7b1fea3436ec3f929e82ee739d29</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Privacy</title>
  <ns>8</ns>
  <id>3</id>
  <revision>
    <id>3</id>
    <timestamp>2024-03-27T16:18:19Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "-"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1" xml:space="preserve">-</text>
    <sha1>3bc15c8aae3e4124dd409035f32ea2fd6835efc9</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Disclaimers</title>
  <ns>8</ns>
  <id>4</id>
  <revision>
    <id>4</id>
    <timestamp>2024-03-27T16:18:26Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "-"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1" xml:space="preserve">-</text>
    <sha1>3bc15c8aae3e4124dd409035f32ea2fd6835efc9</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Copyright</title>
  <ns>8</ns>
  <id>5</id>
  <revision>
    <id>5</id>
    <timestamp>2024-03-27T16:18:38Z</timestamp>
    <contributor>
      <username>Pcj</username>
      <id>1919</id>
    </contributor>
    <comment>Created page with "&lt;div&gt;&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/4.0&gt;Creative Commons Attribution-ShareAlike 4.0 License&lt;/a&gt; unless otherwise noted.&lt;/div&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="232" xml:space="preserve">&lt;div&gt;&lt;img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /&gt; Page content is under the &lt;a href=https://creativecommons.org/licenses/by-sa/4.0&gt;Creative Commons Attribution-ShareAlike 4.0 License&lt;/a&gt; unless otherwise noted.&lt;/div&gt;</text>
    <sha1>7290744eba73e7f9987d32ef26b3490f5bea3537</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-favicon.ico</title>
  <ns>6</ns>
  <id>6</id>
  <revision>
    <id>6</id>
    <timestamp>2024-03-27T18:43:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-logo.png</title>
  <ns>6</ns>
  <id>7</id>
  <revision>
    <id>7</id>
    <timestamp>2024-03-27T18:44:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>9</id>
    <parentid>7</parentid>
    <timestamp>2024-03-27T22:27:39Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Lukas04 uploaded a new version of [[File:Site-logo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>11</id>
    <parentid>9</parentid>
    <timestamp>2024-03-27T23:07:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Lukas04 uploaded a new version of [[File:Site-logo.png]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>8</id>
    <timestamp>2024-03-27T22:26:52Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap"); @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css); /***********************************************************************************************************  * css reset for browser default rules and MediaWiki internal rules  ***********************************************************************************************************/ * {   outline: 0; }  tab..."</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #aadeff;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #aadeff;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #aadeff;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>d251c2f16dc1c3084f65c381400aeb249ae57a95</sha1>
  </revision>
  <revision>
    <id>12</id>
    <parentid>8</parentid>
    <timestamp>2024-03-27T23:11:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f7486a;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f7486a;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f7486a;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>d5a1a9ebcf00a911f5c0dc72e260e5ebe061b97a</sha1>
  </revision>
  <revision>
    <id>13</id>
    <parentid>12</parentid>
    <timestamp>2024-03-27T23:12:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #d63655;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #d63655;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #d63655;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>64918ab5e1d2374484eceeda549e2b09d89f94f1</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Site-background.jpg</title>
  <ns>6</ns>
  <id>9</id>
  <revision>
    <id>10</id>
    <timestamp>2024-03-27T23:06:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>14</id>
    <timestamp>2024-03-27T23:22:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with " * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki * Expansions * SEARCH * TOOLBOX * LANGUAGES"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="181" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki
* Expansions
* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>c0dd502e3a0348938b7e257c172af019d3ed8a30</sha1>
  </revision>
  <revision>
    <id>15</id>
    <parentid>14</parentid>
    <timestamp>2024-03-27T23:22:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="214" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki
* Expansions
** mainpage|mainpage-description
* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>f1c0fd9e1492061b4504a372bf9172fa42b0872e</sha1>
  </revision>
  <revision>
    <id>16</id>
    <parentid>15</parentid>
    <timestamp>2024-03-27T23:22:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="197" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** mainpage|A

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>5ba58f4dd4f4407d071e6f0efe49fd829c1c5058</sha1>
  </revision>
  <revision>
    <id>17</id>
    <parentid>16</parentid>
    <timestamp>2024-03-27T23:22:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="193" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** test|A

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>4676e2484de12c070e96bf86d1a06fb1d24e3f39</sha1>
  </revision>
  <revision>
    <id>18</id>
    <parentid>17</parentid>
    <timestamp>2024-03-27T23:23:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="215" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** placeholderpage |placeholder

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>63d97daca4fc61c7d0574bcc1e91f73eeaf604cd</sha1>
  </revision>
  <revision>
    <id>40</id>
    <parentid>18</parentid>
    <timestamp>2024-03-28T00:39:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="250" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Placeholder|Placeholder 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>b59b705363b26dbf5d44543175c57d2c8b2f6cc0</sha1>
  </revision>
  <revision>
    <id>42</id>
    <parentid>40</parentid>
    <timestamp>2024-03-28T00:43:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="244" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Placeholder| Ships

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>ffe05d1e4f011f3fcba617d73f8b657f7dbfbfbb</sha1>
  </revision>
  <revision>
    <id>43</id>
    <parentid>42</parentid>
    <timestamp>2024-03-28T00:43:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="343" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Placeholder| Ships
** Placeholder| Weapons
** Placeholder| Fighters
** Placeholder| Hullmods
** Placeholder| AI-Cores

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>78f1582d05131ff85ad7c4e6662f3956b59a153c</sha1>
  </revision>
  <revision>
    <id>44</id>
    <parentid>43</parentid>
    <timestamp>2024-03-28T00:43:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="343" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Placeholder| Ships
** Placeholder| Weapons
** Placeholder| Fighters
** Placeholder| Hullmods
** Placeholder| AI Cores

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>bc0d60fcae674dd27688e0e0acc4cbc87f336cf2</sha1>
  </revision>
  <revision>
    <id>45</id>
    <parentid>44</parentid>
    <timestamp>2024-03-28T00:43:55Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="340" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Placeholder| Ships
** Placeholder| Weapons
** Placeholder| Fighters
** Placeholder| Hullmods
** Placeholder| Items

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>074876bcc34805fd08be99ecfb9c55b06dee84b3</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>File:Rat sariel.png</title>
  <ns>6</ns>
  <id>11</id>
  <revision>
    <id>19</id>
    <timestamp>2024-03-27T23:35:10Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:ShipInfobox</title>
  <ns>10</ns>
  <id>12</id>
  <revision>
    <id>20</id>
    <timestamp>2024-03-27T23:36:53Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "&lt;infobox&gt;     &lt;title source="name"&gt;         &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;     &lt;/title&gt;     &lt;image source="image" /&gt;     &lt;group&gt;         &lt;header&gt;Logistical data&lt;/header&gt;         &lt;data source="recoveryrate"&gt;             &lt;label&gt;Recovery rate (per day)&lt;/label&gt;              &lt;format&gt;{{{recoveryrate}}}%&lt;/format&gt;         &lt;/data&gt;         &lt;data source="maintenance"&gt;             &lt;label&gt;Maintenance (sup/month)&lt;/label&gt;..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="8404" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Logistical data&lt;/header&gt;
        &lt;data source="recoveryrate"&gt;
            &lt;label&gt;Recovery rate (per day)&lt;/label&gt; 
            &lt;format&gt;{{{recoveryrate}}}%&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="maintenance"&gt;
            &lt;label&gt;Maintenance (sup/month)&lt;/label&gt; 
            &lt;format&gt;{{{maintenance}}} {{#if:{{{maintenancemodifier|}}}|{{#ifexpr:{{{maintenancemodifier|}}} &lt; 0||&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{maintenancemodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
            &lt;/data&gt;
        &lt;data source="cargocapacity"&gt;
            &lt;label&gt;Cargo capacity&lt;/label&gt; 
            &lt;format&gt;{{{cargocapacity}}} {{#if:{{{cargocapacitymodifier|}}}|{{#ifexpr:{{{cargocapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{cargocapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="maximumcrew"&gt;
            &lt;label&gt;Maximum crew&lt;/label&gt; 
            &lt;format&gt;{{{maximumcrew}}} {{#if:{{{maximumcrewmodifier|}}}|{{#ifexpr:{{{maximumcrewmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{maximumcrewmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="skeletoncrew"&gt;
            &lt;label&gt;Skeleton crew&lt;/label&gt; 
            &lt;format&gt;{{{skeletoncrew}}} {{#if:{{{skeletoncrewmodifier|}}}|{{#ifexpr:{{{skeletoncrewmodifier|}}} &lt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{skeletoncrewmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fuelcapacity"&gt;
            &lt;label&gt;Fuel capacity&lt;/label&gt; 
            &lt;format&gt;{{{fuelcapacity}}} {{#if:{{{fuelcapacitymodifier|}}}|{{#ifexpr:{{{fuelcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fuelcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="maximumburn"&gt;
            &lt;label&gt;Maximum burn&lt;/label&gt; 
            &lt;format&gt;{{{maximumburn}}} {{#if:{{{maximumburnmodifier|}}}|{{#ifexpr:{{{maximumburnmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{maximumburnmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fuelperly"&gt;
            &lt;label&gt;Fuel per light year&lt;/label&gt; 
        &lt;/data&gt;
        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance points&lt;/label&gt;
            &lt;format&gt;{{{ordnancepoints}}} {{#if:{{{ordnancepointsmodifier|}}}|{{#ifexpr:{{{ordnancepointsmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{ordnancepointsmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Flight decks&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
    &lt;group&gt;
        &lt;header&gt;Combat Performance&lt;/header&gt;
        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weaponloadout"&gt;
            &lt;label&gt;Weapon Loadout&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmodloadout"&gt;
            &lt;label&gt;Hullmod Loadout&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
    &lt;group&gt;
        &lt;header&gt;Advanced Stats&lt;/header&gt;
        &lt;data source="crperdeployment"&gt;
            &lt;label&gt;CR per deployment&lt;/label&gt; 
            &lt;format&gt;{{#if:{{{crperdeployment|}}}|{{{crperdeployment}}}%}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="recoverycost"&gt;
            &lt;label&gt;Recovery cost (supplies)&lt;/label&gt; 
            &lt;format&gt;{{{recoverycost}}} {{#if:{{{recoverycostmodifier|}}}|{{#ifexpr:{{{recoverycostmodifier|}}} &gt; 0|&lt;font color="orange"&gt;|&lt;font color="lightgreen"&gt;}}({{{recoverycostmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="peakperformance"&gt;
            &lt;label&gt;Peak performance (sec)&lt;/label&gt; 
            &lt;format&gt;{{{peakperformance}}} {{#if:{{{peakperformancemodifier|}}}|{{#ifexpr:{{{peakperformancemodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{peakperformancemodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}
&lt;noinclude&gt;
{| style="float: left; background-color: transparent;"
|+ '''Usage'''
|
&lt;pre style="width: 300px"&gt;
{{ShipInfobox
|name                = 
|designation         = 
|shipsize            = 
|image               = 
|crperdeployment     = 
|recoveryrate        = 
|recoverycost        = 
|peakperformance     = 
|maintenance         = 
|cargocapacity       = 
|maximumcrew         = 
|skeletoncrew        = 
|fuelcapacity        = 
|maximumburn         = 
|fuelperly           = 
|flightdecks         = 
|ordnancepoints      = 
|hullintegrity       = 
|armorrating         = 
|defense             = 
|cloakactivationcost = 
|cloakupkeepsec      = 
|shieldarc           = 
|shieldupkeepsec     = 
|shieldfluxdamage    = 
|fluxcapacity        = 
|fluxdissipation     = 
|topspeed            = 
|system              = 
|mounts              = 
|weapons             = 
|weaponloadout       =
|hullmods            = 
|hullmodloadout      =
|categoryhidetoggle  = 
}}
&lt;/pre&gt;
&lt;p style="width: 500px"&gt;
To add in stat penalties (for degraded hull mods) just copy paste the below into the above template and fill in as needed.
&lt;/p&gt;
&lt;pre style="width: 300px"&gt;
|recoverycostmodifier    = 
|cargocapacitymodifier   =
|maximumcrewmodifier     =
|skeletoncrewmodifier    =
|maximumburnmodifier     = 
|topspeedmodifier        = 
|hullintegritymodifier   = 
|armorratingmodifier     = 
|fluxcapacitymodifier    = 
|fluxdissipationmodifier = 
|ordnancepointsmodifier  = 
&lt;/pre&gt;
&lt;p&gt;
Redacted content should have the categoryhidetoggle field populated with anything, to avoid triggering the automatic category assignment.  Non-redacted content should leave this field blank.
&lt;/p&gt;
&lt;/noinclude&gt;</text>
    <sha1>aef46b58e29b8fe7aad4be5154c0e170e98b92a4</sha1>
  </revision>
  <revision>
    <id>21</id>
    <parentid>20</parentid>
    <timestamp>2024-03-27T23:38:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="6726" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Logistical data&lt;/header&gt;
        &lt;data source="recoveryrate"&gt;
            &lt;label&gt;Recovery rate (per day)&lt;/label&gt; 
            &lt;format&gt;{{{recoveryrate}}}%&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="maintenance"&gt;
            &lt;label&gt;Maintenance (sup/month)&lt;/label&gt; 
            &lt;format&gt;{{{maintenance}}} {{#if:{{{maintenancemodifier|}}}|{{#ifexpr:{{{maintenancemodifier|}}} &lt; 0||&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{maintenancemodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
            &lt;/data&gt;
        &lt;data source="cargocapacity"&gt;
            &lt;label&gt;Cargo capacity&lt;/label&gt; 
            &lt;format&gt;{{{cargocapacity}}} {{#if:{{{cargocapacitymodifier|}}}|{{#ifexpr:{{{cargocapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{cargocapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="maximumcrew"&gt;
            &lt;label&gt;Maximum crew&lt;/label&gt; 
            &lt;format&gt;{{{maximumcrew}}} {{#if:{{{maximumcrewmodifier|}}}|{{#ifexpr:{{{maximumcrewmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{maximumcrewmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="skeletoncrew"&gt;
            &lt;label&gt;Skeleton crew&lt;/label&gt; 
            &lt;format&gt;{{{skeletoncrew}}} {{#if:{{{skeletoncrewmodifier|}}}|{{#ifexpr:{{{skeletoncrewmodifier|}}} &lt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{skeletoncrewmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fuelcapacity"&gt;
            &lt;label&gt;Fuel capacity&lt;/label&gt; 
            &lt;format&gt;{{{fuelcapacity}}} {{#if:{{{fuelcapacitymodifier|}}}|{{#ifexpr:{{{fuelcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fuelcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="maximumburn"&gt;
            &lt;label&gt;Maximum burn&lt;/label&gt; 
            &lt;format&gt;{{{maximumburn}}} {{#if:{{{maximumburnmodifier|}}}|{{#ifexpr:{{{maximumburnmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{maximumburnmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fuelperly"&gt;
            &lt;label&gt;Fuel per light year&lt;/label&gt; 
        &lt;/data&gt;
        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance points&lt;/label&gt;
            &lt;format&gt;{{{ordnancepoints}}} {{#if:{{{ordnancepointsmodifier|}}}|{{#ifexpr:{{{ordnancepointsmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{ordnancepointsmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Flight decks&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
    &lt;group&gt;
        &lt;header&gt;Combat Performance&lt;/header&gt;
        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weaponloadout"&gt;
            &lt;label&gt;Weapon Loadout&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmodloadout"&gt;
            &lt;label&gt;Hullmod Loadout&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
    &lt;group&gt;
        &lt;header&gt;Advanced Stats&lt;/header&gt;
        &lt;data source="crperdeployment"&gt;
            &lt;label&gt;CR per deployment&lt;/label&gt; 
            &lt;format&gt;{{#if:{{{crperdeployment|}}}|{{{crperdeployment}}}%}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="recoverycost"&gt;
            &lt;label&gt;Recovery cost (supplies)&lt;/label&gt; 
            &lt;format&gt;{{{recoverycost}}} {{#if:{{{recoverycostmodifier|}}}|{{#ifexpr:{{{recoverycostmodifier|}}} &gt; 0|&lt;font color="orange"&gt;|&lt;font color="lightgreen"&gt;}}({{{recoverycostmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="peakperformance"&gt;
            &lt;label&gt;Peak performance (sec)&lt;/label&gt; 
            &lt;format&gt;{{{peakperformance}}} {{#if:{{{peakperformancemodifier|}}}|{{#ifexpr:{{{peakperformancemodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{peakperformancemodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>ed496993def7628006ade3a8f46da83fbe91fe47</sha1>
  </revision>
  <revision>
    <id>24</id>
    <parentid>21</parentid>
    <timestamp>2024-03-27T23:46:52Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3484" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Data&lt;/header&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weaponloadout"&gt;
            &lt;label&gt;Weapon Loadout&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmodloadout"&gt;
            &lt;label&gt;Hullmod Loadout&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>37a0119116b31d0a615677a836bb828a9132d915</sha1>
  </revision>
  <revision>
    <id>25</id>
    <parentid>24</parentid>
    <timestamp>2024-03-27T23:58:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3453" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Stats&lt;/header&gt;

        &lt;data source="shipsize"&gt;
            &lt;label&gt;Size&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance Points&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
       
    &lt;/group&gt;
    
    &lt;group&gt;
        &lt;header&gt;Loadout&lt;/header&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>99b5f0c9b55aae3d5f8a8582c262f17e2444dbae</sha1>
  </revision>
  <revision>
    <id>26</id>
    <parentid>25</parentid>
    <timestamp>2024-03-28T00:00:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3626" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Stats&lt;/header&gt;

        &lt;data source="shipsize"&gt;
            &lt;label&gt;Size&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance Points&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
       
    &lt;/group&gt;
    
    &lt;group&gt;
        &lt;header&gt;Loadout&lt;/header&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Fighter Bays&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>a5cd8dc5852fb0c3b1c90c071bf1735bc55f34db</sha1>
  </revision>
  <revision>
    <id>27</id>
    <parentid>26</parentid>
    <timestamp>2024-03-28T00:01:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3636" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Stats&lt;/header&gt;

        &lt;data source="shipsize"&gt;
            &lt;label&gt;Size&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance Points&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        
       
    &lt;/group&gt;
    
    &lt;group&gt;
        &lt;header&gt;Loadout&lt;/header&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Fighter Bays&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>706d7bd408596d139bbe852a7e1ff589e79d65e9</sha1>
  </revision>
  <revision>
    <id>37</id>
    <parentid>27</parentid>
    <timestamp>2024-03-28T00:16:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3636" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Stats&lt;/header&gt;

        &lt;data source="shipsize"&gt;
            &lt;label&gt;Size&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance Points&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        
       
    &lt;/group&gt;
    
    &lt;group&gt;
        &lt;header&gt;Loadout&lt;/header&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Fighter Bays&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>34dc1f571889a41cca1dc115fc6e446f0015ec95</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>22</id>
    <timestamp>2024-03-27T23:38:52Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Onslaught | designation           = Battleship | shipsize              = Capital | image                 = rat_sariel.png | crperdeployment       = 12 | recoveryrate          = 3 | recoverycost          = 40 | peakperformance       = 720 | maintenance           = 40 | cargocapacity         = 300 | maximumcrew           = 1,500 | skeletoncrew          = 750 | fuelcapacity          = 400 | maximumburn           = 7 | fuelperly..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1151" xml:space="preserve">{{ShipInfobox
| name                  = Onslaught
| designation           = Battleship
| shipsize              = Capital
| image                 = rat_sariel.png
| crperdeployment       = 12
| recoveryrate          = 3
| recoverycost          = 40
| peakperformance       = 720
| maintenance           = 40
| cargocapacity         = 300
| maximumcrew           = 1,500
| skeletoncrew          = 750
| fuelcapacity          = 400
| maximumburn           = 7
| fuelperly             = 15
| flightdecks           = 0
| ordnancepoints        = 360
| hullintegrity         = 20,000
| armorrating           = 1,750
| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 180
| shieldupkeepsec       = 240
| shieldfluxdamage      = 1
| fluxcapacity          = 17,000
| fluxdissipation       = 600
| topspeed              = 25
| system                = Burn Drive
| mounts                = 3x Large Ballistic&lt;br /&gt;4x Medium Missile&lt;br /&gt;6x Small Ballistic&lt;br /&gt;9x Medium Ballistic
| weapons               = 2x [[Thermal Pulse Cannon]]
| hullmods              = [[Heavy Ballistics Integration]]
}}</text>
    <sha1>af57fcc7f6193c79556868721c05c542b1cc8554</sha1>
  </revision>
  <revision>
    <id>23</id>
    <parentid>22</parentid>
    <timestamp>2024-03-27T23:42:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1157" xml:space="preserve">{{ShipInfobox
| name                  = Onslaught
| designation           = Battleship
| shipsize              = Capital
| image                 = rat_sariel.png
| crperdeployment       = 12
| recoveryrate          = 3
| recoverycost          = 40
| peakperformance       = 720
| maintenance           = 40
| cargocapacity         = 300
| maximumcrew           = 1,500
| skeletoncrew          = 750
| fuelcapacity          = 400
| maximumburn           = 7
| fuelperly             = 15
| flightdecks           = 0
| ordnancepoints        = 360
| hullintegrity         = 20,000
| armorrating           = 1,750
| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 180
| shieldupkeepsec       = 240
| shieldfluxdamage      = 1
| fluxcapacity          = 17,000
| fluxdissipation       = 600
| topspeed              = 25
| system                = Burn Drive
| mounts                = 3x Large Ballistic&lt;br /&gt;4x Medium Missile&lt;br /&gt;6x Small Ballistic&lt;br /&gt;9x Medium Ballistic
| weapons               = 2x [[Thermal Pulse Cannon]]
| hullmods              = [[Heavy Ballistics Integration]]
}}

Test</text>
    <sha1>e1b5a86e832ccecd68b9349a30b379f071ee6147</sha1>
  </revision>
  <revision>
    <id>28</id>
    <parentid>23</parentid>
    <timestamp>2024-03-28T00:02:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="864" xml:space="preserve">{{ShipInfobox
| name                  = Onslaught
| designation           = Battleship
| shipsize              = Capital
| image                 = rat_sariel.png
| dp                    = 14
| ordnancepoints        = 360
| topspeed              = 25
| hullintegrity         = 20,000
| armorrating           = 1,750
| fluxcapacity          = 17,000
| fluxdissipation       = 600

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 180
| shieldupkeepsec       = 240
| shieldfluxdamage      = 1

| system                = Burn Drive
| mounts                = 3x Large Ballistic&lt;br /&gt;4x Medium Missile&lt;br /&gt;6x Small Ballistic&lt;br /&gt;9x Medium Ballistic
| weapons               = 2x [[Thermal Pulse Cannon]]
| flightdecks           = 0
| hullmods              = [[Heavy Ballistics Integration]]
}}

Test</text>
    <sha1>66d145f13f47cfc2559e94715255d28db672e361</sha1>
  </revision>
  <revision>
    <id>29</id>
    <parentid>28</parentid>
    <timestamp>2024-03-28T00:06:37Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="833" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]], 
}}

Test</text>
    <sha1>4175c662e978fc1598c2d27bd36d38e53b796e79</sha1>
  </revision>
  <revision>
    <id>31</id>
    <parentid>29</parentid>
    <timestamp>2024-03-28T00:10:50Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1329" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==</text>
    <sha1>82d0a37a120a256efc429d7c251476efd79f41b0</sha1>
  </revision>
  <revision>
    <id>32</id>
    <parentid>31</parentid>
    <timestamp>2024-03-28T00:11:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1341" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]], 
}}

== Description ==

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Test ==</text>
    <sha1>9febb6995c96235cb1d48a1a048db4a822966db7</sha1>
  </revision>
  <revision>
    <id>33</id>
    <parentid>32</parentid>
    <timestamp>2024-03-28T00:12:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1403" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer

[[Category:Seraph]], [[Category:Abyss]]</text>
    <sha1>73d254e90482da252322155c77626a203a9a0a4e</sha1>
  </revision>
  <revision>
    <id>34</id>
    <parentid>33</parentid>
    <timestamp>2024-03-28T00:13:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1403" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>ba42d62438b58abe87ca900f6ab08cff3477483a</sha1>
  </revision>
  <revision>
    <id>35</id>
    <parentid>34</parentid>
    <timestamp>2024-03-28T00:13:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1402" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}
== Description ==

The Sariel is a Heavy-Destroyer

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>02d7161e5b54dea454d9e4bac3879e7faa569325</sha1>
  </revision>
  <revision>
    <id>36</id>
    <parentid>35</parentid>
    <timestamp>2024-03-28T00:15:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1529" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]].

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>0cca5b19dcde50b1e176db7e126cecd05c471bef</sha1>
  </revision>
  <revision>
    <id>38</id>
    <parentid>36</parentid>
    <timestamp>2024-03-28T00:21:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1959" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets. 

As part of the [[Seraph]] line-up, it carries much more hull and armor than other abyssal ships. This is further enhanced through its shipsystem, which for a drop in range allows it to temporarily boost its offensive and defensive capabilities. 

Due to the [[Seraphs Grace]] Hullmod, it holds increased stats within the abyss, making it a threat while it is free to roam the field.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>7c758a5e04b7dd552302b1bf333d3965513900ed</sha1>
  </revision>
  <revision>
    <id>39</id>
    <parentid>38</parentid>
    <timestamp>2024-03-28T00:26:18Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2152" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets. The Sariel will always appear with a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, it carries much more hull and armor than other abyssal ships. 
This is further enhanced through its shipsystem, which for a drop in range allows it to temporarily boost its offensive and defensive capabilities. 

Due to the [[Seraphs Grace]] Hullmod, it holds increased stats within the abyss, making it a threat while it is free to roam the field.
As its officer causes it to become more dangerous as it deals damage, it is recommended to defeat them as soon as possible.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>8dd3fa77946af38693865296ac791918635fc01b</sha1>
  </revision>
  <revision>
    <id>41</id>
    <parentid>39</parentid>
    <timestamp>2024-03-28T00:42:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2153" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets. 
The Sariel will always appear with a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, it carries much more hull and armor than other abyssal ships. 
This is further enhanced through its shipsystem, which for a drop in range allows it to temporarily boost its offensive and defensive capabilities. 

Due to the [[Seraphs Grace]] Hullmod, it holds increased stats within the abyss, making it a threat while it is free to roam the field.
As its officer causes it to become more dangerous as it deals damage, it is recommended to defeat them as soon as possible.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>588ef12ca807cbf3fb02fdff668bd57420d460ef</sha1>
  </revision>
  <revision>
    <id>46</id>
    <parentid>41</parentid>
    <timestamp>2024-03-28T00:45:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2154" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets.  
The Sariel will always appear with a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, it carries much more hull and armor than other abyssal ships. 
This is further enhanced through its shipsystem, which for a drop in range allows it to temporarily boost its offensive and defensive capabilities. 

Due to the [[Seraphs Grace]] Hullmod, it holds increased stats within the abyss, making it a threat while it is free to roam the field.
As its officer causes it to become more dangerous as it deals damage, it is recommended to defeat them as soon as possible.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>ec2e20f54705b16bd999272d69859eea3896727c</sha1>
  </revision>
  <revision>
    <id>47</id>
    <parentid>46</parentid>
    <timestamp>2024-03-28T00:45:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2153" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets.

The Sariel will always appear with a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, it carries much more hull and armor than other abyssal ships. 
This is further enhanced through its shipsystem, which for a drop in range allows it to temporarily boost its offensive and defensive capabilities. 

Due to the [[Seraphs Grace]] Hullmod, it holds increased stats within the abyss, making it a threat while it is free to roam the field.
As its officer causes it to become more dangerous as it deals damage, it is recommended to defeat them as soon as possible.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>b5d7f98ed12b04f0b42b3857f429ea87eed06781</sha1>
  </revision>
  <revision>
    <id>48</id>
    <parentid>47</parentid>
    <timestamp>2024-03-28T00:46:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2166" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always appear with a [[Seraph Core]] as its officer within abyssal fleets.

As part of the [[Seraph]] line-up, it carries much more hull and armor than other abyssal ships. 
This is further enhanced through its shipsystem, which for a drop in range allows it to temporarily boost its offensive and defensive capabilities. 

Due to the [[Seraphs Grace]] Hullmod, it holds increased stats within the abyss, making it a threat while it is free to roam the field.
As its officer causes it to become more dangerous as it deals damage, it is recommended to defeat them as soon as possible.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>fb5cc2d965468625932e6264a5696e5531d22d62</sha1>
  </revision>
  <revision>
    <id>49</id>
    <parentid>48</parentid>
    <timestamp>2024-03-28T00:52:18Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2330" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a Heavy-Destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always appear with a [[Seraph Core]] as its officer within abyssal fleets.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>81799e494743ca2982ecf43065e778b91362f54f</sha1>
  </revision>
  <revision>
    <id>50</id>
    <parentid>49</parentid>
    <timestamp>2024-03-28T00:52:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2330" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the Deep Levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always appear with a [[Seraph Core]] as its officer within abyssal fleets.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>59fab50e904196831579f8aeac28994e93625407</sha1>
  </revision>
</page>
<page arvcontinue="">
  <title>Template:Quote</title>
  <ns>10</ns>
  <id>14</id>
  <revision>
    <id>30</id>
    <timestamp>2024-03-28T00:08:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{| class="cquote" style="text-wrap: wrap;" | valign="top" style="width:16px; font-size:36px; font-family:'Times New Roman', serif; font-weight:bold; text-align:left; padding:3px;" |  | valign="top" style="padding:3px; font-style:italic" | {{{1|Insert the text of the quote here, without quotation marks.}}} | valign="bottom" style="width:16px; font-size:36px; font-family:'Times New Roman', serif; font-weight:bold; text-align:right; padding:3px;" |  |- {{#if:{{{2|}}}{{{3|}}..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="741" xml:space="preserve">{| class="cquote" style="text-wrap: wrap;"
| valign="top" style="width:16px; font-size:36px; font-family:'Times New Roman', serif; font-weight:bold; text-align:left; padding:3px;" | 
| valign="top" style="padding:3px; font-style:italic" | {{{1|Insert the text of the quote here, without quotation marks.}}}
| valign="bottom" style="width:16px; font-size:36px; font-family:'Times New Roman', serif; font-weight:bold; text-align:right; padding:3px;" | 
|-
{{#if:{{{2|}}}{{{3|}}}|
{{!}} colspan="3" style="padding-top:10px;" {{!}} {{#if:{{{2|&lt;noinclude&gt;Origin&lt;/noinclude&gt;}}}|&lt;p style="font-size:smaller; text-align:right;"&gt;&lt;cite style="font-style:normal;"&gt;&amp;ndash;{{{2}}}{{#if:{{{3|&lt;noinclude&gt;Source&lt;/noinclude&gt;}}}|, {{{3}}}}}&lt;/cite&gt;&lt;/p&gt;}}
}}
|}</text>
    <sha1>23cc532edd0f45a72440a6c52a442b53fbf2d339</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>51</id>
    <parentid>50</parentid>
    <timestamp>2024-03-28T00:52:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2330" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always appear with a [[Seraph Core]] as its officer within abyssal fleets.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>9271a751915e121848fc542e9c7ad0218374e574</sha1>
  </revision>
  <revision>
    <id>52</id>
    <parentid>51</parentid>
    <timestamp>2024-03-28T00:53:18Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2301" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>a15a88a6dda65d61501c2510bccf7bb986148638</sha1>
  </revision>
  <revision>
    <id>53</id>
    <parentid>52</parentid>
    <timestamp>2024-03-28T00:57:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2577" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>c4575f47a2663c56f6874d978795a277124c9469</sha1>
  </revision>
  <revision>
    <id>55</id>
    <parentid>53</parentid>
    <timestamp>2024-03-28T01:04:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2593" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>e6d242a2ed3bf0015bb0b6e6a3800e6fb2131ee0</sha1>
  </revision>
  <revision>
    <id>60</id>
    <parentid>55</parentid>
    <timestamp>2024-03-28T01:08:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2594" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.a

{{ShipNavbox}}

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>fab6219fff7a222d80facd15bd76bf58ceb8da51</sha1>
  </revision>
  <revision>
    <id>61</id>
    <parentid>60</parentid>
    <timestamp>2024-03-28T01:08:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2593" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>e6d242a2ed3bf0015bb0b6e6a3800e6fb2131ee0</sha1>
  </revision>
  <revision>
    <id>63</id>
    <parentid>61</parentid>
    <timestamp>2024-03-28T01:09:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2594" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.A

{{ShipNavbox}}

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>80b193d78dbcd764abf5889783846c936c91078c</sha1>
  </revision>
  <revision>
    <id>64</id>
    <parentid>63</parentid>
    <timestamp>2024-03-28T01:09:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2593" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]], [[Category:Seraph]]</text>
    <sha1>e6d242a2ed3bf0015bb0b6e6a3800e6fb2131ee0</sha1>
  </revision>
  <revision>
    <id>73</id>
    <parentid>64</parentid>
    <timestamp>2024-03-28T01:16:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2591" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>2603bdf5d649d035c8231fccef5c6a5c32bf6e05</sha1>
  </revision>
  <revision>
    <id>75</id>
    <parentid>73</parentid>
    <timestamp>2024-03-28T01:17:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2592" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.a

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>636e6ac3734a12c779d46ae29b137fe48b9973b7</sha1>
  </revision>
  <revision>
    <id>76</id>
    <parentid>75</parentid>
    <timestamp>2024-03-28T01:17:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2591" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>2603bdf5d649d035c8231fccef5c6a5c32bf6e05</sha1>
  </revision>
  <revision>
    <id>78</id>
    <parentid>76</parentid>
    <timestamp>2024-03-28T01:20:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2624" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = Seraph
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>161495b15ecef36cc5afe14c8dd0157cd5e917b6</sha1>
  </revision>
  <revision>
    <id>79</id>
    <parentid>78</parentid>
    <timestamp>2024-03-28T01:20:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2628" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyss]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>82291d811e4c577ed7efa89f8e670cc22d909b27</sha1>
  </revision>
  <revision>
    <id>82</id>
    <parentid>79</parentid>
    <timestamp>2024-03-28T01:26:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2637" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>951611a45a8852e7fafbb01e311abd531b8fa7d7</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Template:ShipNavbox</title>
  <ns>10</ns>
  <id>15</id>
  <revision>
    <id>54</id>
    <timestamp>2024-03-28T01:03:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{Navbox  | title = '''[[:Category:Ships|Ships]]''' | state = expanded | group1 = [[:Category:Fighter|Fighter]]s | list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]]  | group2 = [[:Category:Frigate|Frigate]]s | list2 = [[Merrow]] • [[Makara]]  | group3 = [[:Category:Destroyer|Destroyer]]s | list3 = [[Chuul]] • [[Raguel]] • [[Tylos]] | group4 = [[:Category:Cruiser|Cruiser]]s | list4 = [[Aboleth]] • [[Sariel]] • [[Azazel]] • [[Arkas]] • [..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="568" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Ships|Ships]]'''
| state = expanded
| group1 = [[:Category:Fighter|Fighter]]s
| list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]] 
| group2 = [[:Category:Frigate|Frigate]]s
| list2 = [[Merrow]] • [[Makara]] 
| group3 = [[:Category:Destroyer|Destroyer]]s
| list3 = [[Chuul]] • [[Raguel]] • [[Tylos]]
| group4 = [[:Category:Cruiser|Cruiser]]s
| list4 = [[Aboleth]] • [[Sariel]] • [[Azazel]] • [[Arkas]] • [[Leanira]]
| group5 = [[:Category:Capital|Capital]]s
| list5 = [[Morkoth]] • [[Genesis]]
}}</text>
    <sha1>1dc5faef81dacf673b80cbc0780e2a7e92b3c523</sha1>
  </revision>
  <revision>
    <id>74</id>
    <parentid>54</parentid>
    <timestamp>2024-03-28T01:17:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="567" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Ships|Ships]]'''
| state = expanded
| group1 = [[:Category:Fighter|Fighter]]s
| list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]] 
| group2 = [[:Category:Frigate|Frigate]]s
| list2 = [[Merrow]] • [[Makara]] • [[Raguel]]
| group3 = [[:Category:Destroyer|Destroyer]]s
| list3 = [[Chuul]] • [[Sariel]] • [[Tylos]]
| group4 = [[:Category:Cruiser|Cruiser]]s
| list4 = [[Aboleth]] • [[Azazel]] • [[Arkas]] • [[Leanira]]
| group5 = [[:Category:Capital|Capital]]s
| list5 = [[Morkoth]] • [[Genesis]]
}}</text>
    <sha1>b362a3160bfa673f503ea698a02f7df73771a0c3</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Template:Navbox</title>
  <ns>10</ns>
  <id>16</id>
  <revision>
    <id>56</id>
    <timestamp>2024-03-28T01:05:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{#invoke:Navbox|main}}&lt;noinclude&gt;This template is used as a base for other navbox templates. It invokes [[:Module:Navbox]], and supports unlimited data sets. Thanks to the [[w:c:layton:Template:Navbox|Professor Layton Wiki]]!  More parameters than the ones listed below are supported in the Module, but Starsector Wiki will restrict their usage to the ones listed below.  parameter&lt;sub&gt;n&lt;/sub&gt; (for example, header&lt;sub&gt;n&lt;/sub&gt;) allows the use of any number in place of "&lt;sub..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1433" xml:space="preserve">{{#invoke:Navbox|main}}&lt;noinclude&gt;This template is used as a base for other navbox templates. It invokes [[:Module:Navbox]], and supports unlimited data sets. Thanks to the [[w:c:layton:Template:Navbox|Professor Layton Wiki]]!

More parameters than the ones listed below are supported in the Module, but Starsector Wiki will restrict their usage to the ones listed below.

parameter&lt;sub&gt;n&lt;/sub&gt; (for example, header&lt;sub&gt;n&lt;/sub&gt;) allows the use of any number in place of "&lt;sub&gt;n&lt;/sub&gt;". For example, the first header will use the parameter '''header1''', the second '''header2''', and so on.

==Parameters==
;title: The main title of the navbox
;state = plain: The &lt;code&gt;state&lt;/code&gt; parameter controls the collapsing of the navbox itself. Parameters are &lt;code&gt;expanded&lt;/code&gt; (default), &lt;code&gt;collapsed&lt;/code&gt; and &lt;code&gt;plain&lt;/code&gt;.
;above: Adds a row that appears above all other rows and below the title
;header&lt;sub&gt;n&lt;/sub&gt;: Used to add subheaders to the navbox. Headers are hidden by default unless there are any list rows under them.
;group&lt;sub&gt;n&lt;/sub&gt;: Contains the group label for a row. If not present, the corresponding list will expand to fill the gap.
;list&lt;sub&gt;n&lt;/sub&gt;: The actual list for the row
;below: Adds a row that appears below all other rows

==Boilerplate==
&lt;pre&gt;&lt;nowiki&gt;{{Navbox
| title = 
| state = 
| above = 
| header1 = 
| group1 = 
| list1 = 
| below = 
}}&lt;/nowiki&gt;&lt;/pre&gt;[[Category:Templates]]&lt;/noinclude&gt;</text>
    <sha1>1370871aa9856dfa1d19d30856e8d478d251c1d9</sha1>
  </revision>
  <revision>
    <id>58</id>
    <parentid>56</parentid>
    <timestamp>2024-03-28T01:07:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Blanked the page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>59</id>
    <parentid>58</parentid>
    <timestamp>2024-03-28T01:07:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1433" xml:space="preserve">{{#invoke:Navbox|main}}&lt;noinclude&gt;This template is used as a base for other navbox templates. It invokes [[:Module:Navbox]], and supports unlimited data sets. Thanks to the [[w:c:layton:Template:Navbox|Professor Layton Wiki]]!

More parameters than the ones listed below are supported in the Module, but Starsector Wiki will restrict their usage to the ones listed below.

parameter&lt;sub&gt;n&lt;/sub&gt; (for example, header&lt;sub&gt;n&lt;/sub&gt;) allows the use of any number in place of "&lt;sub&gt;n&lt;/sub&gt;". For example, the first header will use the parameter '''header1''', the second '''header2''', and so on.

==Parameters==
;title: The main title of the navbox
;state = plain: The &lt;code&gt;state&lt;/code&gt; parameter controls the collapsing of the navbox itself. Parameters are &lt;code&gt;expanded&lt;/code&gt; (default), &lt;code&gt;collapsed&lt;/code&gt; and &lt;code&gt;plain&lt;/code&gt;.
;above: Adds a row that appears above all other rows and below the title
;header&lt;sub&gt;n&lt;/sub&gt;: Used to add subheaders to the navbox. Headers are hidden by default unless there are any list rows under them.
;group&lt;sub&gt;n&lt;/sub&gt;: Contains the group label for a row. If not present, the corresponding list will expand to fill the gap.
;list&lt;sub&gt;n&lt;/sub&gt;: The actual list for the row
;below: Adds a row that appears below all other rows

==Boilerplate==
&lt;pre&gt;&lt;nowiki&gt;{{Navbox
| title = 
| state = 
| above = 
| header1 = 
| group1 = 
| list1 = 
| below = 
}}&lt;/nowiki&gt;&lt;/pre&gt;[[Category:Templates]]&lt;/noinclude&gt;</text>
    <sha1>1370871aa9856dfa1d19d30856e8d478d251c1d9</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Module:Navbox</title>
  <ns>828</ns>
  <id>17</id>
  <revision>
    <id>57</id>
    <timestamp>2024-03-28T01:07:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "return require('Dev:Navbox')"</comment>
    <model>Scribunto</model>
    <format>text/plain</format>
    <text bytes="28" xml:space="preserve">return require('Dev:Navbox')</text>
    <sha1>f23fd1c62eb0a475798ffbec04d4addb5a435aa6</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>65</id>
    <parentid>45</parentid>
    <timestamp>2024-03-28T01:10:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="318" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Ships| Ships
** Weapons| Weapons
** Fighters| Fighters
** Hullmods| Hullmods
** Items| Items

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>0976ddf843d1b0bad1bf1777ae4567b47f87a781</sha1>
  </revision>
  <revision>
    <id>66</id>
    <parentid>65</parentid>
    <timestamp>2024-03-28T01:11:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="326" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Ships| Ships
** Weapons| Weapons
** Category:Fighter| Fighters
** Hullmods| Hullmods
** Items| Items

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>c9f62be7c296aa5e1f2476c9b2ddb474539851db</sha1>
  </revision>
  <revision>
    <id>67</id>
    <parentid>66</parentid>
    <timestamp>2024-03-28T01:12:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="344" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Category:Ships| Ships
** Category:Weapons| Weapons
** Category:Fighter| Fighters
** Hullmods| Hullmods
** Items| Items

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>77d06eac33c02cc4c751a591ac148dda6266006e</sha1>
  </revision>
  <revision>
    <id>68</id>
    <parentid>67</parentid>
    <timestamp>2024-03-28T01:14:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="322" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Placeholder|Placeholder 

* Content
** Ships | Ships
** Weapons | Weapons
** Fighter | Fighters
** Hullmods | Hullmods
** Items | Items

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>d86ce50b012a59d39be71f54e1206fc300cc0a3d</sha1>
  </revision>
  <revision>
    <id>83</id>
    <parentid>68</parentid>
    <timestamp>2024-03-28T01:31:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="448" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Ships | Ships
** Weapons | Weapons
** Fighter | Fighters
** Hullmods | Hullmods
** Items | Items

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>a619229c6535497954ca0562c8e21c81e7809cb7</sha1>
  </revision>
  <revision>
    <id>86</id>
    <parentid>83</parentid>
    <timestamp>2024-03-28T01:37:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="476" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Ships | Ships
** Weapons | Weapons
** Fighter | Fighters
** Hullmods | Hullmods
** Items | Items
** Encounters | Encounters 

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>214ae53823d5b4faa783e2b0c320cfce7648158c</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Category:Frigate</title>
  <ns>14</ns>
  <id>19</id>
  <revision>
    <id>69</id>
    <timestamp>2024-03-28T01:14:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Category:Destroyer</title>
  <ns>14</ns>
  <id>20</id>
  <revision>
    <id>70</id>
    <timestamp>2024-03-28T01:15:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Category:Cruiser</title>
  <ns>14</ns>
  <id>21</id>
  <revision>
    <id>71</id>
    <timestamp>2024-03-28T01:15:37Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Category:Capital</title>
  <ns>14</ns>
  <id>22</id>
  <revision>
    <id>72</id>
    <timestamp>2024-03-28T01:16:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Template:ShipInfobox</title>
  <ns>10</ns>
  <id>12</id>
  <revision>
    <id>77</id>
    <parentid>37</parentid>
    <timestamp>2024-03-28T01:19:42Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3723" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Stats&lt;/header&gt;

        &lt;data source="shipsize"&gt;
            &lt;label&gt;Size&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="design"&gt;
            &lt;label&gt;Design Type&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance Points&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        
       
    &lt;/group&gt;
    
    &lt;group&gt;
        &lt;header&gt;Loadout&lt;/header&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Fighter Bays&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>bdd67d8163b7069846bc36e1bf4aa5c7eb9c8c11</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Category:Ships</title>
  <ns>14</ns>
  <id>24</id>
  <revision>
    <id>85</id>
    <timestamp>2024-03-28T01:32:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Template:DiscordIntegrator</title>
  <ns>10</ns>
  <id>25</id>
  <revision>
    <id>87</id>
    <timestamp>2024-03-28T01:42:10Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "&lt;includeonly&gt;{{#if:{{{1|{{{id|}}}}}}|&lt;span class="DiscordIntegrator" data-id="{{{1|{{{id}}}}}}" data-logged-in="{{{loggedIn}}}" data-usePTB="{{{usePTB|}}}" data-theme="{{{theme|dark}}}" data-width="{{{width|100%}}}" data-height="{{{height|90%}}}" data-allowtransparency="{{{allowtransparency|true}}}" frameborder="{{{frameborder|0}}}"&gt;If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administr..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="788" xml:space="preserve">&lt;includeonly&gt;{{#if:{{{1|{{{id|}}}}}}|&lt;span class="DiscordIntegrator" data-id="{{{1|{{{id}}}}}}" data-logged-in="{{{loggedIn}}}" data-usePTB="{{{usePTB|}}}" data-theme="{{{theme|dark}}}" data-width="{{{width|100%}}}" data-height="{{{height|90%}}}" data-allowtransparency="{{{allowtransparency|true}}}" frameborder="{{{frameborder|0}}}"&gt;If you see this, your JavaScript might be disabled or DiscordIntegrator plugin isn't working. If the latter, please contact a wiki administrator.&lt;/span&gt;|&lt;span style="color:red"&gt;'''DiscordIntegrator error: ID of the server isn't supplied.'''&lt;/span&gt; On instructions how to find a Discord server ID, see [https://support.discordapp.com/hc/en-us/articles/206346498-Where-can-I-find-my-server-ID- this]}}&lt;/includeonly&gt;&lt;noinclude&gt;{{documentation}}&lt;/noinclude&gt;</text>
    <sha1>8c17ad9a80f0b49b7b7344fccf07c963eb217ff3</sha1>
  </revision>
</page>
<page arvcontinue="20240328005248|51">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>88</id>
    <parentid>1</parentid>
    <timestamp>2024-03-28T01:45:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="145" xml:space="preserve">Placeholder

&lt;h3&gt;Unofficial Starsector Chat&lt;/h3&gt;
{{DiscordIntegrator
| id = 1156998387942559824
| theme = dark
| width = 100%
| height = 350px
}}</text>
    <sha1>d1d440b963e8e55f22e92a25ff635ac0985ca858</sha1>
  </revision>
  <revision>
    <id>89</id>
    <parentid>88</parentid>
    <timestamp>2024-03-28T01:48:06Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="144" xml:space="preserve">Placeholder

&lt;h3&gt;Unofficial Starsector Chat&lt;/h3&gt;
{{DiscordIntegrator
| id = 187635036525166592
| theme = dark
| width = 100%
| height = 350px
}}</text>
    <sha1>d701f75d0196b5099b384c82707b5f4068fdcc0f</sha1>
  </revision>
  <revision>
    <id>90</id>
    <parentid>89</parentid>
    <timestamp>2024-03-28T01:48:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Replaced content with "Placeholder"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="11" xml:space="preserve">Placeholder</text>
    <sha1>ed212fa164b940b935ec0a25b32878a0917c7268</sha1>
  </revision>
  <revision>
    <id>91</id>
    <parentid>90</parentid>
    <timestamp>2024-03-28T01:49:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="237" xml:space="preserve">Placeholder

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
        Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
       Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>ac654597f593cce8134bcf0bf02272845a9167ec</sha1>
  </revision>
  <revision>
    <id>92</id>
    <parentid>91</parentid>
    <timestamp>2024-03-28T01:49:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="222" xml:space="preserve">Placeholder

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>e659bb70a5509a9130fe994a7c16683f083022b6</sha1>
  </revision>
  <revision>
    <id>93</id>
    <parentid>92</parentid>
    <timestamp>2024-03-28T01:49:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="224" xml:space="preserve">Placeholder

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
 Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>8df1ca935b45457670f7d8d5bcb3820a78f957b4</sha1>
  </revision>
  <revision>
    <id>94</id>
    <parentid>93</parentid>
    <timestamp>2024-03-28T01:52:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="236" xml:space="preserve">&lt;strong&gt; Test &lt;/strong&gt;

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
 Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>b0abcce801f76712702b3a438c50dda16160aea5</sha1>
  </revision>
  <revision>
    <id>95</id>
    <parentid>94</parentid>
    <timestamp>2024-03-28T01:52:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="253" xml:space="preserve">'''Random Assortments of Things''' is a 

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
 Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>8d7c4cdce41db25535a41403d0483930f6a9c9d1</sha1>
  </revision>
  <revision>
    <id>96</id>
    <parentid>95</parentid>
    <timestamp>2024-03-28T01:52:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="290" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [Starsector]

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
 Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>8720252727d3c56ec2459a1ad086bf9e335ae248</sha1>
  </revision>
  <revision>
    <id>97</id>
    <parentid>96</parentid>
    <timestamp>2024-03-28T01:54:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="520" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector].
It adds multiple expansions, each filled with unique content and new features to the game.
The mod is fully configureable and allows disabling each individual expansion if desired.

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
 Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>3f3ea4788d11e40d38195f84aa26f3aeb580a4b8</sha1>
  </revision>
  <revision>
    <id>98</id>
    <parentid>97</parentid>
    <timestamp>2024-03-28T01:55:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="535" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt;

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
 Test1
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test2
    &lt;/div&gt;
&lt;/div&gt;</text>
    <sha1>76ecbf665f1f90891ddc9f9f1c03ff70a85eabd7</sha1>
  </revision>
  <revision>
    <id>99</id>
    <parentid>98</parentid>
    <timestamp>2024-03-28T01:55:52Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="372" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt;

== Links ==


== Expansions ==


== Content ==</text>
    <sha1>4efc47a3c12d3e06693275ae50de62179beb830c</sha1>
  </revision>
  <revision>
    <id>100</id>
    <parentid>99</parentid>
    <timestamp>2024-03-28T01:56:42Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="578" xml:space="preserve">

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
Test
    &lt;/div&gt;
&lt;/div&gt;

== Links ==


== Expansions ==


== Content ==</text>
    <sha1>53be1a96fb8957f084eb89d59e91f30e7758c72d</sha1>
  </revision>
  <revision>
    <id>101</id>
    <parentid>100</parentid>
    <timestamp>2024-03-28T01:56:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="579" xml:space="preserve">

&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test
    &lt;/div&gt;
&lt;/div&gt;

== Links ==


== Expansions ==


== Content ==</text>
    <sha1>51373fdfaf7b2b1a2c5d939f0638c011df525f1e</sha1>
  </revision>
  <revision>
    <id>102</id>
    <parentid>101</parentid>
    <timestamp>2024-03-28T01:57:02Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="577" xml:space="preserve">&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Test
    &lt;/div&gt;
&lt;/div&gt;

== Links ==


== Expansions ==


== Content ==</text>
    <sha1>57de645b18da27209948eb84a1a75f88d94abddf</sha1>
  </revision>
  <revision>
    <id>103</id>
    <parentid>102</parentid>
    <timestamp>2024-03-28T01:57:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="612" xml:space="preserve">&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 Game Version: 0.97a
 Mod Version: 2.0.9
    &lt;/div&gt;
&lt;/div&gt;

== Links ==


== Expansions ==


== Content ==</text>
    <sha1>12be408837d937dfd8f6f7b57a0552640ab450cb</sha1>
  </revision>
  <revision>
    <id>104</id>
    <parentid>103</parentid>
    <timestamp>2024-03-28T02:02:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="720" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page]
[https://discord.gg/wgDCgS7PF3 Discord Server]
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download]
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions]

== Expansions ==


== Content ==</text>
    <sha1>3a5dc0faedb5f510d02ab9571ac1ed346d504f47</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>105</id>
    <parentid>104</parentid>
    <timestamp>2024-03-28T02:02:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="740" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==


== Content ==</text>
    <sha1>c568fed2ee37e09d298e014e33b27d5632b50f4e</sha1>
  </revision>
  <revision>
    <id>106</id>
    <parentid>105</parentid>
    <timestamp>2024-03-28T02:04:11Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="763" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - 

== Content ==</text>
    <sha1>aa3ca3168f4177b88a41e0d8ba793ae05f643560</sha1>
  </revision>
  <revision>
    <id>107</id>
    <parentid>106</parentid>
    <timestamp>2024-03-28T02:05:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="846" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon filled to the brim with dangerous encounters, loot and more.

== Content ==</text>
    <sha1>20af0ea2ecd88757c4dcd100d3c459d7bc54b022</sha1>
  </revision>
  <revision>
    <id>108</id>
    <parentid>107</parentid>
    <timestamp>2024-03-28T02:10:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1322" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

== Credits ==</text>
    <sha1>a022d4846f3fe0ce2dbf5285b13ebd2512c610a4</sha1>
  </revision>
  <revision>
    <id>109</id>
    <parentid>108</parentid>
    <timestamp>2024-03-28T02:14:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1525" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

== Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Code, Design, Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>454b99fb424544cec7ea41b0c7fa4c50a988762a</sha1>
  </revision>
  <revision>
    <id>110</id>
    <parentid>109</parentid>
    <timestamp>2024-03-28T02:14:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1529" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Code, Design, Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>d6d7c3546a913507c81bc484a6c3109739c9ec49</sha1>
  </revision>
  <revision>
    <id>111</id>
    <parentid>110</parentid>
    <timestamp>2024-03-28T02:16:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1615" xml:space="preserve">'''Random Assortments of Things''' is a Content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Code, Design, Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>d010c888dc541125b443bde7d48ecec222bed53c</sha1>
  </revision>
  <revision>
    <id>112</id>
    <parentid>111</parentid>
    <timestamp>2024-03-28T02:16:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1615" xml:space="preserve">'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Code, Design, Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>e1ddb8442e268d5227eb59153a6d45469f0fe1f0</sha1>
  </revision>
  <revision>
    <id>113</id>
    <parentid>112</parentid>
    <timestamp>2024-03-28T02:17:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1610" xml:space="preserve">'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>b24cccfb2ecbee28f87c1b30476e1427c42eced5</sha1>
  </revision>
  <revision>
    <id>114</id>
    <parentid>113</parentid>
    <timestamp>2024-03-28T02:18:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1623" xml:space="preserve">'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>48ff4e00e1096ffdb7fdcb6e30bbdeda8501334f</sha1>
  </revision>
  <revision>
    <id>122</id>
    <parentid>114</parentid>
    <timestamp>2024-03-28T02:25:53Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1624" xml:space="preserve">'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.a</text>
    <sha1>bcd4181b95fd434e8fa3a3d66061958b780c3caf</sha1>
  </revision>
  <revision>
    <id>123</id>
    <parentid>122</parentid>
    <timestamp>2024-03-28T02:25:58Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1623" xml:space="preserve">'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features to the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>48ff4e00e1096ffdb7fdcb6e30bbdeda8501334f</sha1>
  </revision>
  <revision>
    <id>124</id>
    <parentid>123</parentid>
    <timestamp>2024-03-28T02:27:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1624" xml:space="preserve">'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>2a200d582fef19717b0cbbfbad83f7bc2b835f48</sha1>
  </revision>
  <revision>
    <id>129</id>
    <parentid>124</parentid>
    <timestamp>2024-03-28T02:31:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1687" xml:space="preserve">{{ImageInfobox
| image                 = AbyssalDepths.jpg
}}

'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>7221c233a6adb56e51c9cab70da6f61639395544</sha1>
  </revision>
  <revision>
    <id>131</id>
    <parentid>129</parentid>
    <timestamp>2024-03-28T02:32:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1688" xml:space="preserve">{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>02ac139063d85fdba02ffc26d83d0856d6866289</sha1>
  </revision>
  <revision>
    <id>132</id>
    <parentid>131</parentid>
    <timestamp>2024-03-28T02:34:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1852" xml:space="preserve">
&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 [[File:MainPageBanner.png]
    &lt;/div&gt;
&lt;/div&gt;


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>ace69b666390b00a9ec8d50e5c5226cf7fa4e5d5</sha1>
  </revision>
  <revision>
    <id>133</id>
    <parentid>132</parentid>
    <timestamp>2024-03-28T02:34:24Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1853" xml:space="preserve">
&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 [[File:MainPageBanner.png]]
    &lt;/div&gt;
&lt;/div&gt;


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>62671c36a9a40912f1e11b40bff014cf210252ad</sha1>
  </revision>
  <revision>
    <id>134</id>
    <parentid>133</parentid>
    <timestamp>2024-03-28T02:35:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1859" xml:space="preserve">
&lt;div style="display: flex; margin: 0px; height: 100%; gap: 20px;"&gt;
    &lt;div style="flex-flow: column wrap; flex: 2;"&gt;
'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 
    &lt;/div&gt;
    &lt;div style="flex-flow: column wrap; flex: 1;"&gt;
 [[File:MainPageBanner.png|500px]]
    &lt;/div&gt;
&lt;/div&gt;


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>5dee0a891fc08231a415afa09a72e6f0574d1a52</sha1>
  </revision>
  <revision>
    <id>135</id>
    <parentid>134</parentid>
    <timestamp>2024-03-28T02:36:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1689" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>dde411b9b6aa8c544cde425a3d8fc623508395fa</sha1>
  </revision>
  <revision>
    <id>137</id>
    <parentid>135</parentid>
    <timestamp>2024-03-28T02:38:32Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1690" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}
a
'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>388ceb62ccc237071c90d281b3b4b0ff07fc70d5</sha1>
  </revision>
  <revision>
    <id>139</id>
    <parentid>137</parentid>
    <timestamp>2024-03-28T02:39:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1689" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>dde411b9b6aa8c544cde425a3d8fc623508395fa</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>115</id>
    <parentid>86</parentid>
    <timestamp>2024-03-28T02:19:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="495" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Ships | Ships
** Weapons | Weapons
** Fighter | Fighters
** Hullmods | Hullmods
** Items | Items
** Encounters | Encounters 
** Bosses | Bosses

* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>8accc75d5f5a2bac64fa3542296546d0845b4207</sha1>
  </revision>
  <revision>
    <id>140</id>
    <parentid>115</parentid>
    <timestamp>2024-03-28T02:42:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="586" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Ships | Ships
** Weapons | Weapons
** Fighter | Fighters
** Hullmods | Hullmods
** Items | Items
** Encounters | Encounters 
** Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>634ab681eb8f20b5eed2b939aee62a9bcd1b131a</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>File:AbyssalDepths.jpg</title>
  <ns>6</ns>
  <id>27</id>
  <revision>
    <id>117</id>
    <timestamp>2024-03-28T02:20:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>Template:ExpansionInfobox</title>
  <ns>10</ns>
  <id>28</id>
  <revision>
    <id>118</id>
    <timestamp>2024-03-28T02:22:28Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "&lt;infobox&gt;     &lt;title source="name"&gt;         &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;     &lt;/title&gt;     &lt;image source="image" /&gt; &lt;/infobox&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="192" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
&lt;/infobox&gt;</text>
    <sha1>9738d74047c4128063ae59d0c41c5846c7b7fbb4</sha1>
  </revision>
  <revision>
    <id>120</id>
    <parentid>118</parentid>
    <timestamp>2024-03-28T02:25:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="78" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name" /&gt;

    &lt;image source="image" /&gt;
&lt;/infobox&gt;</text>
    <sha1>c742aec7439cf3993a0a9e175db4e99a9369e514</sha1>
  </revision>
  <revision>
    <id>127</id>
    <parentid>120</parentid>
    <timestamp>2024-03-28T02:30:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="77" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name" /&gt;
    &lt;image source="image" /&gt;
&lt;/infobox&gt;</text>
    <sha1>926f38011642734bd4a2933b9426847631b5f870</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>Abyssal Depths</title>
  <ns>0</ns>
  <id>29</id>
  <revision>
    <id>119</id>
    <timestamp>2024-03-28T02:23:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ExpansionInfobox | name                  = The Abyssal Depths | image                 = AbyssalDepths.jpg }}"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="110" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}</text>
    <sha1>7e1a16a9692cdae9f768615573d0478e627ca604</sha1>
  </revision>
  <revision>
    <id>121</id>
    <parentid>119</parentid>
    <timestamp>2024-03-28T02:25:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="123" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder</text>
    <sha1>9c4ca48d0c840adcb4c2f778f400c49838e651d6</sha1>
  </revision>
  <revision>
    <id>141</id>
    <parentid>121</parentid>
    <timestamp>2024-03-28T02:49:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="183" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==


== Transmitters ==

[[Transmitter Logs]]</text>
    <sha1>a30a1978e9cfd14311bd38792a7c18e0509db0e8</sha1>
  </revision>
  <revision>
    <id>142</id>
    <parentid>141</parentid>
    <timestamp>2024-03-28T02:50:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="204" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Hull Alteration ==

== Transmitters ==

[[Transmitter Logs]]</text>
    <sha1>c125e91777be2ccbce9902caf4460362b7621c5b</sha1>
  </revision>
  <revision>
    <id>143</id>
    <parentid>142</parentid>
    <timestamp>2024-03-28T02:50:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="205" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Hull Alterations ==

== Transmitters ==

[[Transmitter Logs]]</text>
    <sha1>3a679d5e7528af39b9f5f2c4b848799f9ca4349d</sha1>
  </revision>
  <revision>
    <id>144</id>
    <parentid>143</parentid>
    <timestamp>2024-03-28T02:50:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="221" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Faction == 

== Hull Alterations ==

== Transmitters ==

[[Transmitter Logs]]</text>
    <sha1>5e58f06bdebfe1514dab8513df1530f6d1d0fa35</sha1>
  </revision>
  <revision>
    <id>145</id>
    <parentid>144</parentid>
    <timestamp>2024-03-28T02:50:59Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="239" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==
[[Category:Ships]]
== Faction == 

== Hull Alterations ==

== Transmitters ==

[[Transmitter Logs]]</text>
    <sha1>35c9e4fee316225362ad7fdee41340fb0b0b15a9</sha1>
  </revision>
  <revision>
    <id>146</id>
    <parentid>145</parentid>
    <timestamp>2024-03-28T02:51:18Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="239" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Faction == 

== Hull Alterations ==

== Transmitters ==

[[Transmitter Logs]]


[[Expansions]]</text>
    <sha1>2a876c7836ceab77aca60f159b5218c141043617</sha1>
  </revision>
  <revision>
    <id>147</id>
    <parentid>146</parentid>
    <timestamp>2024-03-28T02:51:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="248" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Faction == 

== Hull Alterations ==

== Transmitters ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>45abc8e341c065fabc86067524c0bf2e9d6e2d5a</sha1>
  </revision>
  <revision>
    <id>149</id>
    <parentid>147</parentid>
    <timestamp>2024-03-28T02:54:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="266" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Transmitters ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>c67ac765d67bbb5c07e7b5a7ea6c6e313ccc2a87</sha1>
  </revision>
  <revision>
    <id>150</id>
    <parentid>149</parentid>
    <timestamp>2024-03-28T02:54:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="254" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Transmitters ==

[[Lore]]


[[Category:Expansions]]</text>
    <sha1>173efb5204c9658f8fe8207b672413494953c045</sha1>
  </revision>
  <revision>
    <id>151</id>
    <parentid>150</parentid>
    <timestamp>2024-03-28T02:54:55Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="258" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>a6a405ced9ad6bc11a987af243c6f11561bca3ed</sha1>
  </revision>
  <revision>
    <id>152</id>
    <parentid>151</parentid>
    <timestamp>2024-03-28T02:55:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="276" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>94d91572581fa05bbd6b0b2b0ce867a51f3bdd60</sha1>
  </revision>
  <revision>
    <id>153</id>
    <parentid>152</parentid>
    <timestamp>2024-03-28T02:55:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="386" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Zone Types ==

== Faction == 
{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}
== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>ba04e11bc81eee001f0671344a37e528f9d6b8ef</sha1>
  </revision>
  <revision>
    <id>154</id>
    <parentid>153</parentid>
    <timestamp>2024-03-28T02:55:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="497" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Zone Types ==

== Faction == 
{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}
{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}
== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>2fa75a1f7a602a55baae7f739fa2869a83a1c880</sha1>
  </revision>
  <revision>
    <id>155</id>
    <parentid>154</parentid>
    <timestamp>2024-03-28T02:56:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="276" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]


[[Category:Expansions]]</text>
    <sha1>94d91572581fa05bbd6b0b2b0ce867a51f3bdd60</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>125</id>
    <parentid>82</parentid>
    <timestamp>2024-03-28T02:28:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2649" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

== Test ==

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5bccf37384731c98f5abaa585d9c7e7f6f6093f3</sha1>
  </revision>
  <revision>
    <id>126</id>
    <parentid>125</parentid>
    <timestamp>2024-03-28T02:29:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2637" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>951611a45a8852e7fafbb01e311abd531b8fa7d7</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>Template:ImageInfobox</title>
  <ns>10</ns>
  <id>30</id>
  <revision>
    <id>128</id>
    <timestamp>2024-03-28T02:31:06Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "&lt;infobox&gt;     &lt;image source="image" /&gt; &lt;/infobox&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="49" xml:space="preserve">&lt;infobox&gt;
    &lt;image source="image" /&gt;
&lt;/infobox&gt;</text>
    <sha1>4a2cfac3f2ec551ef021eaec37740154cc83247e</sha1>
  </revision>
  <revision>
    <id>136</id>
    <parentid>128</parentid>
    <timestamp>2024-03-28T02:38:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="52" xml:space="preserve">&lt;infobox&gt;
    [[MainPageBanner.png|50px]]
&lt;/infobox&gt;</text>
    <sha1>df6d93d836b8bf1a990ec49bc3f15fab3349b21b</sha1>
  </revision>
  <revision>
    <id>138</id>
    <parentid>136</parentid>
    <timestamp>2024-03-28T02:38:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="49" xml:space="preserve">&lt;infobox&gt;
    &lt;image source="image" /&gt;
&lt;/infobox&gt;</text>
    <sha1>4a2cfac3f2ec551ef021eaec37740154cc83247e</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>File:MainPageBanner.png</title>
  <ns>6</ns>
  <id>31</id>
  <revision>
    <id>130</id>
    <timestamp>2024-03-28T02:32:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328020219|105">
  <title>Category:Expansions</title>
  <ns>14</ns>
  <id>32</id>
  <revision>
    <id>148</id>
    <timestamp>2024-03-28T02:51:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>156</id>
    <parentid>139</parentid>
    <timestamp>2024-03-28T03:20:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1695" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>bc3b147466081b3c7436e2d9e31964aac72d922e</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>File:Sariel.gif</title>
  <ns>6</ns>
  <id>33</id>
  <revision>
    <id>157</id>
    <timestamp>2024-03-28T04:44:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>158</id>
    <parentid>126</parentid>
    <timestamp>2024-03-28T04:45:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2658" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>7d32abc9ba739efe285bc35a2771b63a3a134f65</sha1>
  </revision>
  <revision>
    <id>159</id>
    <parentid>158</parentid>
    <timestamp>2024-03-28T04:45:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2668" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{center[[File:Sariel.gif]]}}

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>3ae39880eb31caa2b1038fc4583c6853fee27e71</sha1>
  </revision>
  <revision>
    <id>160</id>
    <parentid>159</parentid>
    <timestamp>2024-03-28T04:46:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2670" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

{{center
[[File:Sariel.gif]]
}}

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>eb5d3727c84a2375f1be24b43af0b94606f031d1</sha1>
  </revision>
  <revision>
    <id>161</id>
    <parentid>160</parentid>
    <timestamp>2024-03-28T04:48:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2667" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif]]|caption


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>1dc9c11679cf40772977ff572b67540ec0920c5e</sha1>
  </revision>
  <revision>
    <id>162</id>
    <parentid>161</parentid>
    <timestamp>2024-03-28T04:52:02Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2706" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=300px&gt;
Sariel.gif|Caption1
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>efe3dc6737ebf96b0bf113e5868bcbb8b19fccfe</sha1>
  </revision>
  <revision>
    <id>163</id>
    <parentid>162</parentid>
    <timestamp>2024-03-28T04:52:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2736" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery caption="Caption for gallery" widths=300px heights=300px&gt;
Sariel.gif|Caption1
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>9d6aee080dd3c2d64715744bc0c984565a6f3d16</sha1>
  </revision>
  <revision>
    <id>164</id>
    <parentid>163</parentid>
    <timestamp>2024-03-28T04:54:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2697" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=800px heights=800px&gt;
Sariel.gif
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>93e51bf118da2661af93519ffe9765d9e091528c</sha1>
  </revision>
  <revision>
    <id>165</id>
    <parentid>164</parentid>
    <timestamp>2024-03-28T04:55:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2658" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>7d32abc9ba739efe285bc35a2771b63a3a134f65</sha1>
  </revision>
  <revision>
    <id>166</id>
    <parentid>165</parentid>
    <timestamp>2024-03-28T04:59:50Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2699" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif|frame|center|sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5a6bfbb1250ff3baffb396aa0940197c16fd71ff</sha1>
  </revision>
  <revision>
    <id>167</id>
    <parentid>166</parentid>
    <timestamp>2024-03-28T05:00:28Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2699" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif|thumb|center|sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>f06000c2402c48b82ba29754889bf6795ce793c4</sha1>
  </revision>
  <revision>
    <id>168</id>
    <parentid>167</parentid>
    <timestamp>2024-03-28T05:00:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2707" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif|frameless|center|The sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>0425dfdf0bbcc235ae2da3a192ebffa6b257f7b1</sha1>
  </revision>
  <revision>
    <id>169</id>
    <parentid>168</parentid>
    <timestamp>2024-03-28T05:00:58Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2703" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

[[File:Sariel.gif|frame|center|The sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>8abfb6b03c9ad935eadaefa9847272fc644db0c5</sha1>
  </revision>
  <revision>
    <id>170</id>
    <parentid>169</parentid>
    <timestamp>2024-03-28T05:01:11Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2705" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>8c513782cd2d5b0df719e06c78ac33914cbe35ec</sha1>
  </revision>
  <revision>
    <id>171</id>
    <parentid>170</parentid>
    <timestamp>2024-03-28T05:01:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2708" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>790eb992080535585d5047cf7819eebb3cb35bd7</sha1>
  </revision>
  <revision>
    <id>172</id>
    <parentid>171</parentid>
    <timestamp>2024-03-28T05:01:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2705" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>8c513782cd2d5b0df719e06c78ac33914cbe35ec</sha1>
  </revision>
  <revision>
    <id>173</id>
    <parentid>172</parentid>
    <timestamp>2024-03-28T05:02:37Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2735" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>79c60cc000c58b56648c6f65c45ade8bfe77bd62</sha1>
  </revision>
  <revision>
    <id>174</id>
    <parentid>173</parentid>
    <timestamp>2024-03-28T05:03:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2762" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem allows it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>6ca691a511437899c21f25e17f00e3e8ab9033e7</sha1>
  </revision>
  <revision>
    <id>175</id>
    <parentid>174</parentid>
    <timestamp>2024-03-28T05:03:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2762" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>ea62cbd6f0caa67c449c7793cda6b3594c481e36</sha1>
  </revision>
  <revision>
    <id>176</id>
    <parentid>175</parentid>
    <timestamp>2024-03-28T05:05:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2755" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>c900da0076cf30191ccb00c9f05c88cde19f745d</sha1>
  </revision>
  <revision>
    <id>177</id>
    <parentid>176</parentid>
    <timestamp>2024-03-28T05:06:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2766" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frameless|center|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>359b1d025d381c5d4e4482369dee48c1e84698c1</sha1>
  </revision>
  <revision>
    <id>178</id>
    <parentid>177</parentid>
    <timestamp>2024-03-28T05:07:00Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2772" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frameless|center|500px|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>d5010885020388e32673ef722111e5e32113f16e</sha1>
  </revision>
  <revision>
    <id>179</id>
    <parentid>178</parentid>
    <timestamp>2024-03-28T05:08:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2762" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.


[[File:Sariel.gif|frame|center|The sariel using its shipsystem and firing its micromissiles.]]

{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>ea62cbd6f0caa67c449c7793cda6b3594c481e36</sha1>
  </revision>
  <revision>
    <id>180</id>
    <parentid>179</parentid>
    <timestamp>2024-03-28T05:10:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2782" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery width=300 height=300&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>2932ed1c0a19eeeb1a61ee8856394f7413544f28</sha1>
  </revision>
  <revision>
    <id>181</id>
    <parentid>180</parentid>
    <timestamp>2024-03-28T05:11:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=300px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5b344f12d8f1f1643a65edb87088e410920feb1f</sha1>
  </revision>
  <revision>
    <id>182</id>
    <parentid>181</parentid>
    <timestamp>2024-03-28T05:11:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=200px heights=200px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>4d8eaa9ab934741997287f83bdbfdee6d9dfe0d1</sha1>
  </revision>
  <revision>
    <id>183</id>
    <parentid>182</parentid>
    <timestamp>2024-03-28T05:12:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2762" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery &gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>1d0938b1acab9a5b46c761c96d2171bcc9b13a88</sha1>
  </revision>
  <revision>
    <id>184</id>
    <parentid>183</parentid>
    <timestamp>2024-03-28T05:12:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=300px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5b344f12d8f1f1643a65edb87088e410920feb1f</sha1>
  </revision>
  <revision>
    <id>186</id>
    <parentid>184</parentid>
    <timestamp>2024-03-28T05:14:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2807" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=300px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
UnfittedSariel.png
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5abfbc321340194de569ec44ad35d3158691d477</sha1>
  </revision>
  <revision>
    <id>187</id>
    <parentid>186</parentid>
    <timestamp>2024-03-28T05:14:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2807" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
UnfittedSariel.png
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>68c12934cdc6bfa115fa4632b62c157b69d9f4ed</sha1>
  </revision>
  <revision>
    <id>188</id>
    <parentid>187</parentid>
    <timestamp>2024-03-28T05:15:28Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=300px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5b344f12d8f1f1643a65edb87088e410920feb1f</sha1>
  </revision>
  <revision>
    <id>189</id>
    <parentid>188</parentid>
    <timestamp>2024-03-28T05:15:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=150px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>7a0e95904ba4e1ac52d564e025be63c83e019b28</sha1>
  </revision>
  <revision>
    <id>190</id>
    <parentid>189</parentid>
    <timestamp>2024-03-28T05:15:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=400px heights=200px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>35939f98732c5889c4321f829534c3e81d74d143</sha1>
  </revision>
  <revision>
    <id>191</id>
    <parentid>190</parentid>
    <timestamp>2024-03-28T05:16:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2788" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=300px&gt;
Sariel.gif|The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>5b344f12d8f1f1643a65edb87088e410920feb1f</sha1>
  </revision>
  <revision>
    <id>192</id>
    <parentid>191</parentid>
    <timestamp>2024-03-28T05:16:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2789" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=400px heights=250px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>440d8018f4d4df4c07b96b413594e0f663c79666</sha1>
  </revision>
  <revision>
    <id>193</id>
    <parentid>192</parentid>
    <timestamp>2024-03-28T05:17:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2789" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>ffa48f5c03346bfc818c51d62b7acd82a27d1f2b</sha1>
  </revision>
  <revision>
    <id>195</id>
    <parentid>193</parentid>
    <timestamp>2024-03-28T05:20:58Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2790" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;
a


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>359115540206ae5a798e6bf2f88c218f24a16e04</sha1>
  </revision>
  <revision>
    <id>196</id>
    <parentid>195</parentid>
    <timestamp>2024-03-28T05:21:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2789" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyss]][[Category:Seraph]]</text>
    <sha1>ffa48f5c03346bfc818c51d62b7acd82a27d1f2b</sha1>
  </revision>
  <revision>
    <id>198</id>
    <parentid>196</parentid>
    <timestamp>2024-03-28T13:09:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2798" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>c6a34ec225e86524ae9bf72c6893e87e3686499a</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>File:UnfittedSariel.png</title>
  <ns>6</ns>
  <id>34</id>
  <revision>
    <id>185</id>
    <timestamp>2024-03-28T05:14:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>Template:ShipInfobox</title>
  <ns>10</ns>
  <id>12</id>
  <revision>
    <id>194</id>
    <parentid>77</parentid>
    <timestamp>2024-03-28T05:20:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3642" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Stats&lt;/header&gt;

        &lt;data source="shipsize"&gt;
            &lt;label&gt;Size&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="design"&gt;
            &lt;label&gt;Design Type&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="dp"&gt;
            &lt;label&gt;Deployment Cost&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="ordnancepoints"&gt;
            &lt;label&gt;Ordnance Points&lt;/label&gt;
        &lt;/data&gt;

        &lt;data source="topspeed"&gt;
            &lt;label&gt;Top speed&lt;/label&gt; 
            &lt;format&gt;{{{topspeed}}} {{#if:{{{topspeedmodifier|}}}|{{#ifexpr:{{{topspeedmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{topspeedmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="hullintegrity"&gt;
            &lt;label&gt;Hull integrity&lt;/label&gt; 
            &lt;format&gt;{{{hullintegrity}}} {{#if:{{{hullintegritymodifier|}}}|{{#ifexpr:{{{hullintegritymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{hullintegritymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="armorrating"&gt;
            &lt;label&gt;Armor rating&lt;/label&gt; 
            &lt;format&gt;{{{armorrating}}} {{#if:{{{armorratingmodifier|}}}|{{#ifexpr:{{{armorratingmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{armorratingmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;

        &lt;data source="fluxcapacity"&gt;
            &lt;label&gt;Flux capacity&lt;/label&gt; 
            &lt;format&gt;{{{fluxcapacity}}} {{#if:{{{fluxcapacitymodifier|}}}|{{#ifexpr:{{{fluxcapacitymodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxcapacitymodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="fluxdissipation"&gt;
            &lt;label&gt;Flux dissipation&lt;/label&gt; 
            &lt;format&gt;{{{fluxdissipation}}} {{#if:{{{fluxdissipationmodifier|}}}|{{#ifexpr:{{{fluxdissipationmodifier|}}} &gt; 0|&lt;font color="lightgreen"&gt;|&lt;font color="orange"&gt;}}({{{fluxdissipationmodifier|}}})&lt;/font&gt;}}&lt;/format&gt;
        &lt;/data&gt;
        
       
    &lt;/group&gt;
    
    &lt;group&gt;
        &lt;header&gt;Loadout&lt;/header&gt;
        &lt;data source="system"&gt;
            &lt;label&gt;System&lt;/label&gt;
            &lt;format&gt;[[{{{system}}}]]&lt;/format&gt;
        &lt;/data&gt;
        &lt;data source="mounts"&gt;
            &lt;label&gt;Mounts&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="weapons"&gt;
            &lt;label&gt;Built-in Weapons&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="flightdecks"&gt;
            &lt;label&gt;Fighter Bays&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="hullmods"&gt;
            &lt;label&gt;Hullmods&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    &lt;group&gt;
        &lt;header&gt;Defense&lt;/header&gt;
        &lt;data source="defense"&gt;
            &lt;label&gt;Defense&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakactivationcost"&gt;
            &lt;label&gt;Cloak activation cost&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="cloakupkeepsec"&gt;
            &lt;label&gt;Cloak upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldfluxdamage"&gt;
            &lt;label&gt;Shield flux/damage&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldarc"&gt;
            &lt;label&gt;Shield arc&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="shieldupkeepsec"&gt;
            &lt;label&gt;Shield upkeep/sec&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;

    
&lt;/infobox&gt;
{{#if: {{{categoryhidetoggle|}}}||
{{#switch:{{lc:{{{shipsize}}}}}
| frigate   = [[Category:Ships]][[Category:Frigate]]
| destroyer = [[Category:Ships]][[Category:Destroyer]]
| cruiser   = [[Category:Ships]][[Category:Cruiser]]
| capital   = [[Category:Ships]][[Category:Capital]]
| default   = 
}}}}</text>
    <sha1>6ce99f96d33bb7ffcbe80366492b21441e35c318</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>Template:AbyssalNavbox</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>197</id>
    <timestamp>2024-03-28T13:08:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{Navbox  | title = '''[[:Category:Ships|Ships]]''' | state = expanded | group1 = [[:Category:Fighter|Fighter]]s | list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]]  | group2 = [[:Category:Frigate|Frigate]]s | list2 = [[Merrow]] • [[Makara]] • [[Raguel]] | group3 = [[:Category:Destroyer|Destroyer]]s | list3 = [[Chuul]] • [[Sariel]] • [[Tylos]] | group4 = [[:Category:Cruiser|Cruiser]]s | list4 = [[Aboleth]] • [[Azazel]] • [[Arkas]] • ..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="567" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Ships|Ships]]'''
| state = expanded
| group1 = [[:Category:Fighter|Fighter]]s
| list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]] 
| group2 = [[:Category:Frigate|Frigate]]s
| list2 = [[Merrow]] • [[Makara]] • [[Raguel]]
| group3 = [[:Category:Destroyer|Destroyer]]s
| list3 = [[Chuul]] • [[Sariel]] • [[Tylos]]
| group4 = [[:Category:Cruiser|Cruiser]]s
| list4 = [[Aboleth]] • [[Azazel]] • [[Arkas]] • [[Leanira]]
| group5 = [[:Category:Capital|Capital]]s
| list5 = [[Morkoth]] • [[Genesis]]
}}</text>
    <sha1>b362a3160bfa673f503ea698a02f7df73771a0c3</sha1>
  </revision>
  <revision>
    <id>199</id>
    <parentid>197</parentid>
    <timestamp>2024-03-28T13:17:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="898" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]s
| list1 = [[Merrow]] • [[Makara]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]s
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]s
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]s
| list4 = [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]s
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
}}</text>
    <sha1>cb68b1a7ac5042cb6afada6716a7b67270868455</sha1>
  </revision>
  <revision>
    <id>200</id>
    <parentid>199</parentid>
    <timestamp>2024-03-28T13:18:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="912" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]s
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]s
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]s
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]s
| list4 = [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]s
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
}}</text>
    <sha1>aaf50a87fd278cc18ff933954d6e16dd8bec917e</sha1>
  </revision>
  <revision>
    <id>201</id>
    <parentid>200</parentid>
    <timestamp>2024-03-28T13:28:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="959" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]s
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]s
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]s
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]s
| list4 = [[Category:Hull Alterations|Hull Alterations]] [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]s
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
}}</text>
    <sha1>878f076251ae7ba1cd0538403521cc8298c1e943</sha1>
  </revision>
  <revision>
    <id>202</id>
    <parentid>201</parentid>
    <timestamp>2024-03-28T13:29:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="964" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]s
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]s
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]s
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]s
| list4 = [[:Category:Hull Alterations|Hull Alterations]] • [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]s
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
}}</text>
    <sha1>f575d8001877e86af5b635271ea8e65b3491678f</sha1>
  </revision>
  <revision>
    <id>203</id>
    <parentid>202</parentid>
    <timestamp>2024-03-28T13:32:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1017" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]s
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]s
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]s
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]s
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]s
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]s
| list6 = [[Hull Alterations|Hull Alterations]] • [[Artifacts]]
}}</text>
    <sha1>bf2db5a9bd64f94a48a5cd276cddaf6a952d5c7f</sha1>
  </revision>
  <revision>
    <id>204</id>
    <parentid>203</parentid>
    <timestamp>2024-03-28T13:32:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1011" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[Hull Alterations|Hull Alterations]] • [[Artifacts]]
}}</text>
    <sha1>39f65ac95cda0452c3aecd79ec4af10c43f8aefc</sha1>
  </revision>
</page>
<page arvcontinue="20240328032001|156">
  <title>Category:Ships</title>
  <ns>14</ns>
  <id>24</id>
  <revision>
    <id>205</id>
    <parentid>85</parentid>
    <timestamp>2024-03-28T13:33:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="195" xml:space="preserve">The mod comes with a bunch of unique ships spread across its different expansions.
At the moment, only the [[Abyssal Depths]] and the [[Exotech]] faction have any ships available.

{{ShipNavbox}}</text>
    <sha1>3710c34ae5e6502dc18dd691cbc87de68c6971cf</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>206</id>
    <parentid>140</parentid>
    <timestamp>2024-03-28T13:34:06Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="649" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighter | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>9b089fe2bb7dcf1239493032e7708c5ca36ae3c9</sha1>
  </revision>
  <revision>
    <id>241</id>
    <parentid>206</parentid>
    <timestamp>2024-03-28T14:41:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="657" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighter | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
** Test
* LANGUAGES</text>
    <sha1>20a3901ee81898edb10680e98a47a6b3d1c22068</sha1>
  </revision>
  <revision>
    <id>242</id>
    <parentid>241</parentid>
    <timestamp>2024-03-28T14:41:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="750" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighter | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
** [https://randomassortmentofthings.wiki.gg/wiki/Special:AllPages?from=&amp;to=&amp;namespace=10 Templates]
* LANGUAGES</text>
    <sha1>82ac5fba03d0008a7fe463a92ab23cb28ae7ced0</sha1>
  </revision>
  <revision>
    <id>243</id>
    <parentid>242</parentid>
    <timestamp>2024-03-28T14:42:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="750" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** [https://randomassortmentofthings.wiki.gg/wiki/Special:AllPages?from=&amp;to=&amp;namespace=10 Templates]
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighter | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>c9cf6d3171c72b380f442483218f70853067d442</sha1>
  </revision>
  <revision>
    <id>244</id>
    <parentid>243</parentid>
    <timestamp>2024-03-28T14:43:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="760" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** [https://randomassortmentofthings.wiki.gg/wiki/Special:AllPages?from=&amp;to=&amp;namespace=10 Templates]|Templates
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighter | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>1c30e9db625eb64dd8f755a905b65cf464086620</sha1>
  </revision>
  <revision>
    <id>245</id>
    <parentid>244</parentid>
    <timestamp>2024-03-28T14:43:20Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="748" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** https://randomassortmentofthings.wiki.gg/wiki/Special:AllPages?from=&amp;to=&amp;namespace=10|Templates
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighter | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>0ae612f7f0ef65e1fc09a6263abfcbb00d540ba2</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>Abyssal Depths</title>
  <ns>0</ns>
  <id>29</id>
  <revision>
    <id>207</id>
    <parentid>155</parentid>
    <timestamp>2024-03-28T13:36:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="293" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>72e9f851900f0dda0b0f02231d0b56d97d792e6c</sha1>
  </revision>
  <revision>
    <id>214</id>
    <parentid>207</parentid>
    <timestamp>2024-03-28T13:52:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="495" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector.
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration.

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>aff6f55d5dbbca5e8d5cc1a0ac2f3f43cd884cfe</sha1>
  </revision>
  <revision>
    <id>215</id>
    <parentid>214</parentid>
    <timestamp>2024-03-28T13:52:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="500" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration.

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>3f301500a000fc2c8bdd51c431b403308cb8c784</sha1>
  </revision>
  <revision>
    <id>216</id>
    <parentid>215</parentid>
    <timestamp>2024-03-28T13:52:28Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="505" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration. &lt;br&gt;

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>7a09ea904a7ccd9a8c25c8fdfc7f7ade78e23e7a</sha1>
  </revision>
  <revision>
    <id>217</id>
    <parentid>216</parentid>
    <timestamp>2024-03-28T13:57:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="293" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

Placeholder

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>72e9f851900f0dda0b0f02231d0b56d97d792e6c</sha1>
  </revision>
  <revision>
    <id>218</id>
    <parentid>217</parentid>
    <timestamp>2024-03-28T13:58:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="506" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration.  &lt;br&gt;

== Gameplay ==

== Zone Types ==

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>e5dd3ca362d161f9c6e7e957b730bd15c4559d7c</sha1>
  </revision>
  <revision>
    <id>224</id>
    <parentid>218</parentid>
    <timestamp>2024-03-28T14:00:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="658" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration.  &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>e0c81da4e4629dcb357a98d2683bf94f1f9dd0ea</sha1>
  </revision>
  <revision>
    <id>225</id>
    <parentid>224</parentid>
    <timestamp>2024-03-28T14:01:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="687" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration.  &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=384px heights = 216px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>043972453730da2800d8e24c01fa0713fd6cf33e</sha1>
  </revision>
  <revision>
    <id>226</id>
    <parentid>225</parentid>
    <timestamp>2024-03-28T14:02:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="687" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths" config within the Lunalib configuration.  &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>9cc402e5ec09257b0fc902cab3b5cd06760a3bbb</sha1>
  </revision>
  <revision>
    <id>227</id>
    <parentid>226</parentid>
    <timestamp>2024-03-28T14:06:28Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="785" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The Expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>3317ce61ddcac0b1cedc3272c5f00e4a62258536</sha1>
  </revision>
  <revision>
    <id>228</id>
    <parentid>227</parentid>
    <timestamp>2024-03-28T14:06:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="785" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Hull Alterations ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>9b99e924867ca6a9dab8e82700c677c8fb7d800f</sha1>
  </revision>
  <revision>
    <id>229</id>
    <parentid>228</parentid>
    <timestamp>2024-03-28T14:07:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="773" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>0a0fb7c8a18b9869e63981369c45634d48274238</sha1>
  </revision>
  <revision>
    <id>230</id>
    <parentid>229</parentid>
    <timestamp>2024-03-28T14:09:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="891" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:AI Cores|AI Cores]
* [[:Category:Hull Alterations|Hull Alterations]
* [[:Category:Artifacts|Artifacts]

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>67fc64b6c10f20a11f7949b35978b7074c6cd6ec</sha1>
  </revision>
  <revision>
    <id>231</id>
    <parentid>230</parentid>
    <timestamp>2024-03-28T14:09:58Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="894" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

== Zone Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:AI Cores|AI Cores]]
* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]

== Encounters ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>65a7c32832239bfb3138ed4878a470b5eebe26bc</sha1>
  </revision>
  <revision>
    <id>232</id>
    <parentid>231</parentid>
    <timestamp>2024-03-28T14:16:55Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1097" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;


== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:AI Cores|AI Cores]]
** Test
* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]

== Encounters ==

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>6da1b886ed014d0f6c23b3b881660606c2945abd</sha1>
  </revision>
  <revision>
    <id>233</id>
    <parentid>232</parentid>
    <timestamp>2024-03-28T14:18:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1170" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;


== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]
* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]

== Encounters ==

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>355ba2224f8c4dec12cf4443369cb0c22313e388</sha1>
  </revision>
  <revision>
    <id>234</id>
    <parentid>233</parentid>
    <timestamp>2024-03-28T14:18:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1170" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;


== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>471c0ca86f5e1eae88bed0c09808d64bac14482f</sha1>
  </revision>
  <revision>
    <id>235</id>
    <parentid>234</parentid>
    <timestamp>2024-03-28T14:19:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1223" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;


== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

- Converted Sariel
- Military Outpost
- Singularity

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>eb92e27b71711a031aa636b415517caa283b1e19</sha1>
  </revision>
  <revision>
    <id>236</id>
    <parentid>235</parentid>
    <timestamp>2024-03-28T14:30:59Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2259" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down.
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. &lt;br&gt;

The [https://starsector.fandom.com/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Base Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

- Converted Sariel
- Military Outpost
- Singularity

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>768e0c8842c80d8e1cfd3b8e204761989385b101</sha1>
  </revision>
  <revision>
    <id>237</id>
    <parentid>236</parentid>
    <timestamp>2024-03-28T14:31:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2263" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down.
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. &lt;br&gt;

The [https://starsector.fandom.com/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

- Converted Sariel
- Military Outpost
- Singularity

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>23e9d1b8823c79f3b3b2d065ad2f8dbf5891bb5c</sha1>
  </revision>
  <revision>
    <id>238</id>
    <parentid>237</parentid>
    <timestamp>2024-03-28T14:31:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2268" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. &lt;br&gt;

The [https://starsector.fandom.com/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

- Converted Sariel
- Military Outpost
- Singularity

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>870bf8efca714b762e2237f9df786adaba1ecc92</sha1>
  </revision>
  <revision>
    <id>239</id>
    <parentid>238</parentid>
    <timestamp>2024-03-28T14:32:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2363" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.fandom.com/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

- Converted Sariel
- Military Outpost
- Singularity

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>26e6e3f26a341c57fc67ac7afb02023567640071</sha1>
  </revision>
  <revision>
    <id>240</id>
    <parentid>239</parentid>
    <timestamp>2024-03-28T14:33:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2360" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

- Converted Sariel
- Military Outpost
- Singularity

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>15730a0f61868589d32c6172de45fe47be54688e</sha1>
  </revision>
  <revision>
    <id>248</id>
    <parentid>240</parentid>
    <timestamp>2024-03-28T14:52:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2494" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>9eeeb1c39f07ea6cd0285b86b15424bb6b094b54</sha1>
  </revision>
  <revision>
    <id>249</id>
    <parentid>248</parentid>
    <timestamp>2024-03-28T14:53:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2555" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges.

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>c583d2e1cb0f0c36ad2f83172741607cfca28375</sha1>
  </revision>
  <revision>
    <id>250</id>
    <parentid>249</parentid>
    <timestamp>2024-03-28T14:53:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2560" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>021c81573707d75ff904a52120469f99d6254bf3</sha1>
  </revision>
  <revision>
    <id>251</id>
    <parentid>250</parentid>
    <timestamp>2024-03-28T15:00:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3155" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* Standard Type: The most common type to find, it spawns normal Photospheres.
* Ionic Type: Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* Dark Type: Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* Colossal Type: A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>7cdd7aace6ae088c48e10f4fba3b7f11a3b0173a</sha1>
  </revision>
  <revision>
    <id>252</id>
    <parentid>251</parentid>
    <timestamp>2024-03-28T15:01:24Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3191" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* Standard Type: The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* Ionic Type: Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* Dark Type: Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* Colossal Type: A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Faction == 

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>c31cb0af56d1310a32d74a7d83ab37aa67e38dac</sha1>
  </revision>
  <revision>
    <id>253</id>
    <parentid>252</parentid>
    <timestamp>2024-03-28T15:11:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3612" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* Standard Type: The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* Ionic Type: Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* Dark Type: Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* Colossal Type: A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal]] and [[:Category:Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. Even in those cases, they tend to only spawn in low numbers&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>644a84429791fb85e4e266973a90d6e5d7357ea5</sha1>
  </revision>
  <revision>
    <id>254</id>
    <parentid>253</parentid>
    <timestamp>2024-03-28T15:11:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3627" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* Standard Type: The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* Ionic Type: Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* Dark Type: Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* Colossal Type: A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. Even in those cases, they tend to only spawn in low numbers&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>8911063eeb0c0dd35aca7f2d7aed779d91615e4d</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>Template:AbyssalNavbox</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>208</id>
    <parentid>204</parentid>
    <timestamp>2024-03-28T13:37:02Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1031" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[:Category:Hull Alterations|Hull Alterations]] • [[:Category:Artifacts]]
}}</text>
    <sha1>55b4f72f7023f1d5c3a82a4515506d9af6b25d04</sha1>
  </revision>
  <revision>
    <id>209</id>
    <parentid>208</parentid>
    <timestamp>2024-03-28T13:37:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1041" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Abyssal Depths|Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[:Category:Hull Alterations|Hull Alterations]] • [[:Category:Artifacts|Artifacts]]
}}</text>
    <sha1>44c56a850361e699d40b601441f3dfd191f00aac</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>210</id>
    <parentid>156</parentid>
    <timestamp>2024-03-28T13:38:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1719" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion if desired from the Lunalib config. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>7f8e2a69bbeed0490db48c546e1163065aad1c37</sha1>
  </revision>
  <revision>
    <id>211</id>
    <parentid>210</parentid>
    <timestamp>2024-03-28T13:38:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1684" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[Ships]]
* [[Weapons]]
* [[Fighters]]
* [[Hullmods]]
* [[Items]]
* [[Encounters]]
* [[Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>3aebcd987888fefff16c7ab87ea0e8045012f113</sha1>
  </revision>
  <revision>
    <id>246</id>
    <parentid>211</parentid>
    <timestamp>2024-03-28T14:49:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1754" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships]]
* [[:Category:Weapons]]
* [[:Category:Fighters]]
* [[:Category:Hullmods]]
* [[:Category:Items]]
* [[:Category:Encounters]]
* [[:Category:Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>e9e62fffb8ee74f53db3ce34c7f42ca65515a746</sha1>
  </revision>
  <revision>
    <id>247</id>
    <parentid>246</parentid>
    <timestamp>2024-03-28T14:50:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1810" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>2ce3a160b85d7d34d54a87896e2101652ebfd8b1</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>212</id>
    <parentid>198</parentid>
    <timestamp>2024-03-28T13:46:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2817" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;


{{ShipNavbox}}

{{AbyssalNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>34d64c997f195872b299457aaed3fa6cfc90027c</sha1>
  </revision>
  <revision>
    <id>213</id>
    <parentid>212</parentid>
    <timestamp>2024-03-28T13:46:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2796" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.fandom.com/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>869951b0d90c974f16e6047ea8410535714e1234</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>File:Abyss base type.jpg</title>
  <ns>6</ns>
  <id>37</id>
  <revision>
    <id>220</id>
    <timestamp>2024-03-28T13:59:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>File:Abyss colossal type.jpg</title>
  <ns>6</ns>
  <id>38</id>
  <revision>
    <id>221</id>
    <timestamp>2024-03-28T13:59:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>File:Abyss dark type.jpg</title>
  <ns>6</ns>
  <id>39</id>
  <revision>
    <id>222</id>
    <timestamp>2024-03-28T13:59:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>File:Abyss ionic type.jpg</title>
  <ns>6</ns>
  <id>40</id>
  <revision>
    <id>223</id>
    <timestamp>2024-03-28T13:59:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>Category:Seraph</title>
  <ns>14</ns>
  <id>41</id>
  <revision>
    <id>255</id>
    <timestamp>2024-03-28T15:12:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328133406|206">
  <title>Category:Abyssal</title>
  <ns>14</ns>
  <id>42</id>
  <revision>
    <id>256</id>
    <timestamp>2024-03-28T15:12:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>Abyssal Depths</title>
  <ns>0</ns>
  <id>29</id>
  <revision>
    <id>257</id>
    <parentid>254</parentid>
    <timestamp>2024-03-28T15:13:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3642" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* Standard Type: The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* Ionic Type: Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* Dark Type: Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* Colossal Type: A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>85fcb5f86dc3e75268aa95e2da2c6512a0c2cd11</sha1>
  </revision>
  <revision>
    <id>258</id>
    <parentid>257</parentid>
    <timestamp>2024-03-28T15:14:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3666" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths.
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>79d7ab99b4cb099ea5181110f4424cb1f6064ca9</sha1>
  </revision>
  <revision>
    <id>260</id>
    <parentid>258</parentid>
    <timestamp>2024-03-28T15:25:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3671" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>44ebc4021f5d6d18ab2a5bb4df453a5d9e581655</sha1>
  </revision>
  <revision>
    <id>261</id>
    <parentid>260</parentid>
    <timestamp>2024-03-28T15:31:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="4291" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>c15e94c6ba9918992e0b88562ea1dc68d6f22230</sha1>
  </revision>
  <revision>
    <id>262</id>
    <parentid>261</parentid>
    <timestamp>2024-03-28T15:34:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5064" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}


[[Transmitter Logs]]

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>1604285da0ff0628bd3a154fc0c3ece8220bd7b1</sha1>
  </revision>
  <revision>
    <id>263</id>
    <parentid>262</parentid>
    <timestamp>2024-03-28T15:38:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5234" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>434c1bab209bfd50b542eb986ec09e2689760713</sha1>
  </revision>
  <revision>
    <id>264</id>
    <parentid>263</parentid>
    <timestamp>2024-03-28T15:49:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5235" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...
|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>d0401e0b42c95cb51a750534c267897f88a61dc7</sha1>
  </revision>
  <revision>
    <id>265</id>
    <parentid>264</parentid>
    <timestamp>2024-03-28T15:49:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5234" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>434c1bab209bfd50b542eb986ec09e2689760713</sha1>
  </revision>
  <revision>
    <id>269</id>
    <parentid>265</parentid>
    <timestamp>2024-03-28T15:54:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5235" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}
a
The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>87cb8e0817f66fb50afabbc3e3bb41078f5e3092</sha1>
  </revision>
  <revision>
    <id>270</id>
    <parentid>269</parentid>
    <timestamp>2024-03-28T15:54:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5234" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>434c1bab209bfd50b542eb986ec09e2689760713</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>259</id>
    <parentid>247</parentid>
    <timestamp>2024-03-28T15:23:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <minor/>
    <comment>Protected "[[Main Page]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1810" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>2ce3a160b85d7d34d54a87896e2101652ebfd8b1</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>Transmitter Logs</title>
  <ns>0</ns>
  <id>43</id>
  <revision>
    <id>266</id>
    <timestamp>2024-03-28T15:50:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "Abyssal Transmitters have a chance to contain a lore entry giving further specifics about the enviroment and history of the location.  {{quote| There are lots of unique aspects about this environment, but one of the defining factors is the exotic matter that engulfs its entirety. Unlike the vacuum of space, moving through it causes constant drag on the hulls surface, and even though the forces at play are rather weak, the persistance of it increases the maintenance requi..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1108" xml:space="preserve">Abyssal Transmitters have a chance to contain a lore entry giving further specifics about the enviroment and history of the location.

{{quote|
There are lots of unique aspects about this environment, but one of the defining factors is the exotic matter that engulfs its entirety. Unlike the vacuum of space, moving through it causes constant drag on the hulls surface, and even though the forces at play are rather weak, the persistance of it increases the maintenance required drasticly.  

Not to mention that our sensory instruments are almost useless, as their signals decay after passing through even just short distances of this stuff. We are essentially flying blindfolded.

I atleast find the sound caused by the ship pushing against the abyssal matter to be rather calming, it is a nice change of pace compared to the silence that is only ever broken up by the sound of parts breaking appart, though we aren’t missing that part here either.

Some crew reports hearing more than just those sounds, but i find it easy to blame it on the paranoia caused by our total isolation....|"Abyssal Matter"}}</text>
    <sha1>473606c6d8b85db4d8fb8513b388c63ae2858068</sha1>
  </revision>
  <revision>
    <id>267</id>
    <parentid>266</parentid>
    <timestamp>2024-03-28T15:50:24Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1118" xml:space="preserve">Abyssal Transmitters have a chance to contain a lore entry giving further specifics about the enviroment and history of the location.

{{quote|
There are lots of unique aspects about this environment, but one of the defining factors is the exotic matter that engulfs its entirety. Unlike the vacuum of space, moving through it causes constant drag on the hulls surface, and even though the forces at play are rather weak, the persistance of it increases the maintenance required drasticly.  

Not to mention that our sensory instruments are almost useless, as their signals decay after passing through even just short distances of this stuff. We are essentially flying blindfolded.

I atleast find the sound caused by the ship pushing against the abyssal matter to be rather calming, it is a nice change of pace compared to the silence that is only ever broken up by the sound of parts breaking appart, though we aren’t missing that part here either.

Some crew reports hearing more than just those sounds, but i find it easy to blame it on the paranoia caused by our total isolation....|"Abyssal Matter" Log Entry}}</text>
    <sha1>e65bbf3467d744ab308b287d63969444054130d7</sha1>
  </revision>
  <revision>
    <id>268</id>
    <parentid>267</parentid>
    <timestamp>2024-03-28T15:53:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5729" xml:space="preserve">Abyssal Transmitters have a chance to contain a lore entry giving further specifics about the enviroment and history of the location.

{{quote|
There are lots of unique aspects about this environment, but one of the defining factors is the exotic matter that engulfs its entirety. Unlike the vacuum of space, moving through it causes constant drag on the hulls surface, and even though the forces at play are rather weak, the persistance of it increases the maintenance required drasticly.  

Not to mention that our sensory instruments are almost useless, as their signals decay after passing through even just short distances of this stuff. We are essentially flying blindfolded.

I atleast find the sound caused by the ship pushing against the abyssal matter to be rather calming, it is a nice change of pace compared to the silence that is only ever broken up by the sound of parts breaking appart, though we aren’t missing that part here either.

Some crew reports hearing more than just those sounds, but i find it easy to blame it on the paranoia caused by our total isolation...|"Abyssal Matter" Log Entry}}


{{quote|
Within the abyssal matter theres occasionally small clumps of especially charged mass. We arent quite sure about the process that creates them, but they turn out to be quite useful for us. The sensors can distinguish them from the rest of the environment and track their paths. It helps us analyse the shifting flows and optimise our pathing for the least resistance.

There however appear to be certain zones that have an especially high concentration of those particles, and traversing them has caused atleast a dozen electronic malfunctions for our fleet.

A few crew members seem to enjoy watching this anomaly through the fleets instruments, it apparently reminds them of the weather of their homeworld...|"Mysterious Particles" Log Entry}}


{{quote|
Overtime the expeditions in to the abyssal depths ramped up. As we discovered more use for the abyssal matter for new technologies, more parties started to show interests despite the danger. 

Due to this new found interest, the place has been flooded with autonomous droneships. Everyone is trying to either make the most of the financial gain connected to taking their own share, and such has been much easier when hulls dont have to be made to a human standard or their families have to be compensated.

Despite this, the AI cores prove rather unreliable at times. At times the droneships have been missing for days after their scheduled arrival date and cores have been found to be rather irresponsive during their flights.

All this commotion even lead to a new gate being constructed close to the surface of the abyss. There were concerns about how it would interact with the enviroment at first, but it appears to be working fine in the end...|"Autonomous Operations" Log Entry}}


{{quote|
As we first discovered the abyssal depths, we were unable to make it through the terrain and had to wait for further supplies and improved hulls to arrive from beyond the gates. It would be suicide to attempt expeditions without that equipment.

We’ve been traversing it for months now, each time we surface back in to hyperspace and dive back in we make some more progress in to its depths, but we havent been able to discover anything new for a while now.

Despite that, there almost seems to be no end to this place. We have so much to still explain, and im sure we will find the answers somewhere deeper...|"Vastness" Log Entry}}


{{quote|
We’ve been reliant on the scheduled arrival of new supplies to keep this station running, but it has been days now and the fleets still havent arrived. We have tried to contact nearby stations for help, but they can only offer the same complaint.

It seriously can’t be so hard to send new supplies through the gates, especially with so much capital at risk, how incompetent and irresponsible can they be up there? If this continues we will have to abandon this station and make way for the upper levels. We have to hope that other stations on the way can spare us supplies for our way back...|"Missed Schedule" Log Entry}}


{{quote|
On more than just one occasion at this point faults in the hull of some poor vessel caused some of the exotic matter to breach in to the ship. So far we have been lucky and all breaches could be repaired before it turned in to the worst case scenario. 

However there was one incident that is stuck in my mind. On one such breach a fellow crewman got exposed to the stuff with direct contact to his skin. Lets just say that it did not turn out well for him. He appeared fine at first, but just a few hours later he started screaming in agony, the medical team could find nothing wrong with his body, but he passed shortly after from the shock.

Whatever that shit is, i dont wanna be anywhere near it. And all of this was just from contact with a brief contact on this fellows skin, i wouldnt want to know how much worse longer exposure would be...|"Breach" Log Entry}}


{{quote|
The deeper we descend, the denser the surrounding matter gets. We’ve tried to fly even further, but this density is proving to be to much of a logistical and navigational issue. Even with the recent increase in activity, no reasonable man is foolish enough to make their way through. Almost exclusively drones have been sent in to those environments, but proving our theory of the uninhabitibility of those parts, only few make a return.

Of those that do, the cores seem weirdly…scarred. Not much in a physical way, but they have been behaving…odd, to say the least. They have been inspected for damage but nothing of significance has been found...|"Pressure" Log Entry}}</text>
    <sha1>3ea4a12286979076d7f27ada39d2e9611e370b5d</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>File:Exotech.jpg</title>
  <ns>6</ns>
  <id>44</id>
  <revision>
    <id>271</id>
    <timestamp>2024-03-28T16:08:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>Exotech</title>
  <ns>0</ns>
  <id>45</id>
  <revision>
    <id>272</id>
    <timestamp>2024-03-28T16:09:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ExpansionInfobox | name                  = Exo-Tech | image                 = exotech.jpg }}  Exotech an Expansion Pack adding a new minifaction to the game. &lt;br&gt; It can be enabled/disabled with the "Enable "Exo-Tech"" config within the Lunalib configuration.  &lt;br&gt; The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="364" xml:space="preserve">{{ExpansionInfobox
| name                  = Exo-Tech
| image                 = exotech.jpg
}}

Exotech an Expansion Pack adding a new minifaction to the game. &lt;br&gt;
It can be enabled/disabled with the "Enable "Exo-Tech"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;</text>
    <sha1>58658297dc4562fce291574064b05932f012c1e8</sha1>
  </revision>
  <revision>
    <id>277</id>
    <parentid>272</parentid>
    <timestamp>2024-03-28T16:19:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="383" xml:space="preserve">{{ExpansionInfobox
| name                  = Exo-Tech
| image                 = exotech.jpg
}}

Exotech an Expansion Pack adding a new minifaction to the game. &lt;br&gt;
It can be enabled/disabled with the "Enable "Exo-Tech"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

{{ExotechNavbox}}</text>
    <sha1>929d05352473e875a69fb832cca6d0ac75c10b2d</sha1>
  </revision>
  <revision>
    <id>279</id>
    <parentid>277</parentid>
    <timestamp>2024-03-28T16:20:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="384" xml:space="preserve">{{ExpansionInfobox
| name                  = Exo-Tech
| image                 = exotech.jpg
}}

Exotech an Expansion Pack adding a new minifaction to the game. &lt;br&gt;
It can be enabled/disabled with the "Enable "Exo-Tech"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;
a
{{ExotechNavbox}}</text>
    <sha1>eb021c022e572dd734ad4620cb8b0323b8c35a51</sha1>
  </revision>
  <revision>
    <id>280</id>
    <parentid>279</parentid>
    <timestamp>2024-03-28T16:59:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="420" xml:space="preserve">{{ExpansionInfobox
| name                  = Exo-Tech
| image                 = exotech.jpg
}}

Exotech an Expansion Pack adding a new minifaction to the game. &lt;br&gt;
It can be enabled/disabled with the "Enable "Exo-Tech"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Description ==


== Doctrine ==

{{ExotechNavbox}}</text>
    <sha1>e2d5fa10da1b02b8c358fd93afbcf941056db8fc</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>Template:AbyssalNavbox</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>273</id>
    <parentid>209</parentid>
    <timestamp>2024-03-28T16:10:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1016" xml:space="preserve">{{Navbox 
| title = '''[[Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[:Category:Hull Alterations|Hull Alterations]] • [[:Category:Artifacts|Artifacts]]
}}</text>
    <sha1>ef6a990676d74f0dd6937fb775c90ef9849faed9</sha1>
  </revision>
  <revision>
    <id>276</id>
    <parentid>273</parentid>
    <timestamp>2024-03-28T16:18:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1115" xml:space="preserve">{{Navbox 
| title = '''[[Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] 
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[:Category:Hull Alterations|Hull Alterations]] • [[Computational Matrix]] • [[Defensive Array]] • [[Miniature Forge]] • [[Hyperenergetic Generator]] • [[Ordnance Overwrite]]
}}</text>
    <sha1>e2cd79c7ac15bb6023205dd5ce2fded18eae20f6</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>Template:ExotechNavbox</title>
  <ns>10</ns>
  <id>47</id>
  <revision>
    <id>278</id>
    <timestamp>2024-03-28T16:20:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{Navbox  | title = '''[[Exotech]]''' | state = expanded | group1 = [[:Category:Ships|Ships]] | list1 = [[Thestia]] • [[Tylos]] • [[Leanira]] • [[Arkas]] | group2 = [[:Category:Weapons|Weapons]] | list2 = [[Hyperspatial Dart]] • [[Hyperspatial Javelin]] • [[P-Wave Missile Launcher]] • [[Starburst Microlauncher]] | group3 = [[:Category:Fighters|Fighters]] | list3 = [[Protostar]] • [[Nightblade]] • [[Dawnblade]] | group4 = [[:Category:Hullmods|Hullmods]] |..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="723" xml:space="preserve">{{Navbox 
| title = '''[[Exotech]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Thestia]] • [[Tylos]] • [[Leanira]] • [[Arkas]]
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Hyperspatial Dart]] • [[Hyperspatial Javelin]] • [[P-Wave Missile Launcher]] • [[Starburst Microlauncher]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Protostar]] • [[Nightblade]] • [[Dawnblade]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Exogrid]] 
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Exo-Processor]]
| group6 = [[:Category:Items|Items]]
| list6 = [[:Category:Hull Alterations|Hull Alterations]] • [[Advanced Asteroid Mining Forge-Assisted Blueprint]]
}}</text>
    <sha1>b4f8d3dc58e374927de3c08c50006108f9a21864</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Theme-definitions</title>
  <ns>8</ns>
  <id>48</id>
  <revision>
    <id>281</id>
    <timestamp>2024-03-28T17:02:42Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "* Abyssal[default|bundled]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="26" xml:space="preserve">* Abyssal[default|bundled]</text>
    <sha1>152c335ae884fa9793378f71dd48693ce2bc8e33</sha1>
  </revision>
  <revision>
    <id>282</id>
    <parentid>281</parentid>
    <timestamp>2024-03-28T17:03:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="49" xml:space="preserve">* Abyssal[default|bundled]
* Exotech
* Starsector</text>
    <sha1>1f1223fab154bfea4219bde95872b3b30c4d0b70</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Theme-Exotech.css</title>
  <ns>8</ns>
  <id>49</id>
  <revision>
    <id>283</id>
    <timestamp>2024-03-28T17:08:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap"); @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css); /***********************************************************************************************************  * css reset for browser default rules and MediaWiki internal rules  ***********************************************************************************************************/ * {   outline: 0; }  tab..."</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>f94697c041f7f2db8adbc1fb283311d0e9b3fec7</sha1>
  </revision>
  <revision>
    <id>293</id>
    <parentid>283</parentid>
    <timestamp>2024-03-28T18:45:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95655" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo-Exotech.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background-Exotech.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>829523c61e88545417aa564caaf8f433c0647c8c</sha1>
  </revision>
  <revision>
    <id>300</id>
    <parentid>293</parentid>
    <timestamp>2024-03-28T19:36:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95654" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/0/08/Site-logo-Exotech.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(images/1/18/Site-background-Exotech.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>964f80a005ee29a93692365919a5f66f6b9147ab</sha1>
  </revision>
  <revision>
    <id>301</id>
    <parentid>300</parentid>
    <timestamp>2024-03-28T19:37:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95655" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/0/08/Site-logo-Exotech.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/1/18/Site-background-Exotech.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>801ee157cc8136b0e93d917abdb193914ab035c9</sha1>
  </revision>
  <revision>
    <id>305</id>
    <parentid>301</parentid>
    <timestamp>2024-03-28T19:54:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Replaced content with ":root {     --theme-box-border-color: #f2a92e;     --theme-border-color: #f2a92e; }"</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="83" xml:space="preserve">:root {
    --theme-box-border-color: #f2a92e;
    --theme-border-color: #f2a92e;
}</text>
    <sha1>9b9df9f76671f61629d2963f85937daccd4958fb</sha1>
  </revision>
  <revision>
    <id>306</id>
    <parentid>305</parentid>
    <timestamp>2024-03-28T19:54:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="83" xml:space="preserve">:root {
    --theme-box-border-color: #70b8ff;
    --theme-border-color: #70b8ff;
}</text>
    <sha1>c09fdc3eda8687cca48182b19cbc2e925bc865ee</sha1>
  </revision>
  <revision>
    <id>307</id>
    <parentid>306</parentid>
    <timestamp>2024-03-28T19:56:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95655" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/0/08/Site-logo-Exotech.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/1/18/Site-background-Exotech.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>801ee157cc8136b0e93d917abdb193914ab035c9</sha1>
  </revision>
  <revision>
    <id>308</id>
    <parentid>307</parentid>
    <timestamp>2024-03-28T19:57:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #d63655;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #d63655;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #d63655;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>64918ab5e1d2374484eceeda549e2b09d89f94f1</sha1>
  </revision>
  <revision>
    <id>309</id>
    <parentid>308</parentid>
    <timestamp>2024-03-28T19:57:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95655" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/0/08/Site-logo-Exotech.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/1/18/Site-background-Exotech.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>801ee157cc8136b0e93d917abdb193914ab035c9</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Theme-Starsector.css</title>
  <ns>8</ns>
  <id>50</id>
  <revision>
    <id>284</id>
    <timestamp>2024-03-28T17:09:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap"); @import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css); /***********************************************************************************************************  * css reset for browser default rules and MediaWiki internal rules  ***********************************************************************************************************/ * {   outline: 0; }  tab..."</comment>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #aadeff;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #aadeff;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #aadeff;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>d251c2f16dc1c3084f65c381400aeb249ae57a95</sha1>
  </revision>
  <revision>
    <id>288</id>
    <parentid>284</parentid>
    <timestamp>2024-03-28T18:42:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95650" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background-Starsector.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #d63655;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #d63655;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #d63655;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>56056ad5a1017715e4646f29fcb19409d0801ff4</sha1>
  </revision>
  <revision>
    <id>290</id>
    <parentid>288</parentid>
    <timestamp>2024-03-28T18:43:58Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>f94697c041f7f2db8adbc1fb283311d0e9b3fec7</sha1>
  </revision>
  <revision>
    <id>291</id>
    <parentid>290</parentid>
    <timestamp>2024-03-28T18:44:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #aadeff;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #aadeff;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #aadeff;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>d251c2f16dc1c3084f65c381400aeb249ae57a95</sha1>
  </revision>
  <revision>
    <id>292</id>
    <parentid>291</parentid>
    <timestamp>2024-03-28T18:45:18Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95661" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo-Starsector.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background-Starsector.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #aadeff;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #aadeff;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #aadeff;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>17336d97750a9fa48f5c4ed68bf2e3a8e96c4c1a</sha1>
  </revision>
  <revision>
    <id>302</id>
    <parentid>292</parentid>
    <timestamp>2024-03-28T19:40:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95661" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/8/8b/Site-logo-Starsector.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/0/02/Site-background-Starsector.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #aadeff;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #aadeff;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #aadeff;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>8ccb2d4b77b21cc11c8290794fc0baab17721a8e</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Theme-Abyssal</title>
  <ns>8</ns>
  <id>51</id>
  <revision>
    <id>285</id>
    <timestamp>2024-03-28T18:40:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "Abyssal"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="7" xml:space="preserve">Abyssal</text>
    <sha1>139e3be8f40adabe5746aea44a8be5d4c8258a42</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Theme-Exotech</title>
  <ns>8</ns>
  <id>52</id>
  <revision>
    <id>286</id>
    <timestamp>2024-03-28T18:40:37Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "Exotech"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="7" xml:space="preserve">Exotech</text>
    <sha1>a2602d525c40d4ff0f55cc176895ad25de6c3278</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Theme-Starsector</title>
  <ns>8</ns>
  <id>53</id>
  <revision>
    <id>287</id>
    <timestamp>2024-03-28T18:40:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "Starsector"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="10" xml:space="preserve">Starsector</text>
    <sha1>09ff439d86389593af13c1e676e10ea755db1386</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>File:Site-background-Starsector.jpg</title>
  <ns>6</ns>
  <id>54</id>
  <revision>
    <id>289</id>
    <timestamp>2024-03-28T18:43:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>File:Site-logo-Starsector.png</title>
  <ns>6</ns>
  <id>55</id>
  <revision>
    <id>294</id>
    <timestamp>2024-03-28T18:51:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>File:Site-background-Exotech.jpg</title>
  <ns>6</ns>
  <id>57</id>
  <revision>
    <id>296</id>
    <timestamp>2024-03-28T18:52:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>File:Site-logo-Exotech.png</title>
  <ns>6</ns>
  <id>58</id>
  <revision>
    <id>297</id>
    <timestamp>2024-03-28T18:53:53Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328151329|257">
  <title>MediaWiki:Common.css</title>
  <ns>8</ns>
  <id>8</id>
  <revision>
    <id>298</id>
    <parentid>13</parentid>
    <timestamp>2024-03-28T19:34:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95625" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/File:Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/File:Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #d63655;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #d63655;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #d63655;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>07c35dc1ac581722764acc893e63e95a21b6945b</sha1>
  </revision>
  <revision>
    <id>299</id>
    <parentid>298</parentid>
    <timestamp>2024-03-28T19:35:20Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #d63655;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #d63655;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #d63655;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>64918ab5e1d2374484eceeda549e2b09d89f94f1</sha1>
  </revision>
  <revision>
    <id>303</id>
    <parentid>299</parentid>
    <timestamp>2024-03-28T19:42:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95655" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/0/08/Site-logo-Exotech.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/1/18/Site-background-Exotech.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #f2a92e;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #f2a92e;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #f2a92e;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>801ee157cc8136b0e93d917abdb193914ab035c9</sha1>
  </revision>
  <revision>
    <id>304</id>
    <parentid>303</parentid>
    <timestamp>2024-03-28T19:43:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>css</model>
    <format>text/css</format>
    <text bytes="95639" xml:space="preserve">@import url("https://fonts.googleapis.com/css2?family=Orbitron&amp;display=swap");
@import url(https://commons.wiki.gg/MediaWiki:wikigg.css?action=raw&amp;ctype=text/css);
/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
* {
  outline: 0;
}

table {
  white-space: unset; /* be set to `no-wrap` in MW internal css */
}

html {
  font-size: 16px; /* reset rem size */
}

body {
  overflow-y: unset;
}

pre {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  border: 0 solid transparent;
}

table {
  display: table;
  white-space: unset;
}

body, code {
  background: none;
}

/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, etc.
 ***********************************************************************************************************/
/** Font **/
html, body {
  font-family: Helvetica, Arial, sans-serif;
  color: var(--theme-text-color);
}

html {
  background: var(--theme-site-background);
}

body {
  font-size: 14px;
  line-height: 1.5;
}

ul, ol {
  margin: 2px 0 2px 1.5em;
}

li {
  margin: 0 0 2px 0;
}

pre, code, .mw-code {
  color: var(--theme-text-color);
  border: 1px solid var(--theme-border-color);
  background: var(--theme-background);
}

/** link color **/
body a, body a.external, body a.extiw, .mw-parser-output a, .mw-parser-output a.external, .mw-parser-output a.extiw {
  text-decoration: none;
  color: var(--theme-link-color);
}
body a:visited, body a.external:visited, body a.extiw:visited, .mw-parser-output a:visited, .mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
  color: var(--theme-link-color-visited);
}
body a:hover, body a:active, body a.external:hover, body a.external:active, body a.extiw:hover, body a.extiw:active, .mw-parser-output a:hover, .mw-parser-output a:active, .mw-parser-output a.external:hover, .mw-parser-output a.external:active, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:active {
  text-decoration: underline;
  color: var(--theme-link-color-hover);
}
body a.selflink:hover, body a.selflink:active, .mw-parser-output a.selflink:hover, .mw-parser-output a.selflink:active {
  /* Self-links aren't real links, they're not clickable.
   * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
   * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
   * link styles for certain elements (e.g. in wiki.gg header).
   */
  text-decoration: none;
  color: var(--theme-link-color);
}
body a.new, body a.new:visited, .mw-parser-output a.new, .mw-parser-output a.new:visited {
  /** red link **/
  /* we don't really need to mark you have "visited" an inexistent page */
  color: var(--theme-link-color-redlink);
}

/*********************************************************************************************************/
input, button {
  color: var(--theme-control-text-color);
}

input[type=submit] {
  color: var(--theme-control-text-color);
}

::placeholder {
  color: var(--theme-text-color-placeholder);
}

/* Removes VisualEdit button */
#ca-ve-edit {
  display: none;
}

/* Text color */
.i .note,
.note-text {
  color: var(--theme-text-color-note);
}

em {
  color: var(--theme-text-color-em);
}

.pixel img, .pixel,
#mw-imagepage-section-filehistory img {
  image-rendering: pixelated; /*for chrome*/
  image-rendering: crisp-edges; /*for firefox*/
}

.small {
  font-size: 85%;
}

.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* References smaller text than main */
.references {
  font-size: 90%;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
  font-size: 14px !important;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
  display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output &gt; p:last-child &gt; br:only-child {
  display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
  content: " ";
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

hr.space {
  height: 4px;
  background: none;
  border: 0;
}

.page-content .vertical-align-top * {
  vertical-align: top;
}

.page-content .vertical-align-bottom * {
  vertical-align: bottom;
}

/* Drowning Table No Border */
.drowning-table-no-border {
  border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline &gt; .oo-ui-fieldLayout-body {
  max-width: unset;
}

/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}

/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/
:root {
  --layout-topbar-height: 35px; /* height of wiki.gg topbar */
  --layout-sidebar-width: 180px; /* width of side navbar, without gap */
  --layout-sidespace: 30px; /* whitespace width on most left and most right */
  --layout-content-width: minmax(0,1fr);
  --layout-box-gap-x: 20px;
  --layout-box-gap-y: 20px;
  --layout-logo-scale: 1;
  --layout-logo-width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale));
  --layout-logo-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale));
  --dropdown-item-padding-x: 12px;
  --dropdown-item-padding-y: 4px;
  --layout-search-box-width: 16em;
  --layout-content-min-height: 30em;
  --layout-padding-x: 24px;
  --layout-padding-y: 16px;
}
@media screen and (min-width: 1800px) {
  :root {
    --layout-sidespace: minmax(0,1fr); /* whitespace width on most left and most right */
    --layout-content-width: 1500px;
  }
}

/**** Main Layout START ***********************************************************/
/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */
html, body {
  min-height: 100%;
}

html {
  height: 100%;
  scroll-padding-top: calc(var(--layout-topbar-height) + 30px);
}

body {
  height: auto;
}

/*** main grid container ***/
body {
  /* self */
  box-sizing: border-box;
  /* grid */
  display: grid;
  grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] var(--layout-content-width) [nav-right content-right footer-right] var(--layout-sidespace) [body-right];
  grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [nav-start aside-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(0, 1fr) [aside-end] var(--layout-box-gap-y) [page-end footerbar-start] auto [footerbar-end body-end];
  gap: 0 var(--layout-box-gap-x);
}

/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation&gt;h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body &gt; .content-wrapper,
#mw-navigation {
  display: contents;
}

/** unused, hide them **/
#mw-head-base,
#mw-navigation &gt; h2 {
  display: none;
}

/** side nav bar **/
#mw-panel {
  grid-column: aside-left/aside-right;
  grid-row: aside-start/aside-end;
  float: none;
  width: unset;
  padding: 0;
}

/** nav **/
#mw-head {
  grid-column: nav-left/nav-right;
  grid-row: nav-start/nav-end;
}

/** content **/
.mw-body {
  grid-column: content-left/content-right;
  grid-row: content-start/content-end;
}

/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child {
  grid-column: body-left/body-right;
  grid-row: page-start/page-end;
}

/** #footer: content footer **/
#footer {
  grid-column: footer-left/footer-right;
  grid-row: footer-start/footer-end;
  margin: 0;
  z-index: 0;
}

/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base {
  grid-column: content-left/content-right;
  grid-row: nav-start/footer-end;
  height: 100%;
}

/** wiki.gg footer bar **/
body &gt; footer {
  grid-column: body-left/body-right;
  grid-row: footerbar-start/footerbar-end;
}

/*** logo block. It is absolute position ***/
#p-logo {
  position: absolute;
  width: 100%;
  height: var(--layout-logo-height);
  left: 0;
  top: calc(var(--layout-topbar-height) + var(--layout-box-gap-y));
  background: var(--theme-site-logo-image) center center/var(--layout-logo-width) auto no-repeat;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: var(--theme-site-logo-filter);
}

/* use logo image as &lt;a&gt;'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo {
  width: var(--layout-logo-width);
  height: var(--layout-logo-height);
  margin: auto;
  background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/********* side panel START *********/
#mw-panel {
  --list-body-font-size: 14px;
  --list-body-padding-x: 6px;
  --list-body-padding-y: 3px;
  display: flex;
  flex-direction: column;
  gap: var(--layout-box-gap-y) var(--layout-box-gap-x);
}
#mw-panel .menu-toggle {
  display: none;
}

#mw-panel #t-print {
  display: none;
}

#mw-panel a {
  text-decoration: none;
}

/* section box */
#mw-panel .portal {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
}
#mw-panel .portal .vector-menu-heading {
  /* section heading */
  background: none;
  margin: 0;
  padding: 6px 10px;
  font-size: 16px;
  line-height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--theme-heading-color);
}

/* show the heading of first section */
#mw-panel #p-logo + .portal .vector-menu-heading {
  display: flex;
}

/* arrow icon */
#mw-panel .portal .vector-menu-heading::after {
  content: "";
  display: block;
  background: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px;
  margin-top: 2px;
  flex: 0 0 auto;
}
#mw-panel .portal .vector-menu-heading:hover::after {
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-panel .portal.collapsed .vector-menu-heading::after {
  transform: scaleY(-1);
}

/* list body */
#mw-panel .portal .body {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-top: var(--theme-border-width) solid var(--theme-border-color);
}
#mw-panel .portal .body ul {
  padding: var(--theme-gap) 4px 4px;
}
#mw-panel .portal .body li {
  margin: 0;
  padding: 0;
  font-size: var(--list-body-font-size);
  line-height: inherit;
}
#mw-panel .portal .body li:hover {
  background: var(--theme-highlight-background);
}
#mw-panel .portal .body li a {
  display: block;
  padding: var(--list-body-padding-y) var(--list-body-padding-x);
  color: var(--theme-link-color);
}
#mw-panel .portal .body li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-panel .portal .body li a:hover {
  color: var(--theme-link-color-hover);
}

/* "Atom" RSS Feed */
#mw-panel .portal .body li a.feedlink {
  text-indent: calc(var(--list-body-font-size) + 2px);
  background-position: var(--list-body-padding-x) center; /* align icon with other text */
}

/********* side panel END *********/

/********* main content box *********/
/**** background box for nav+content+#footer ****/
#mw-page-base {
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-box-back-background);
  z-index: -1;
}

#mw-head, #content, #footer {
  box-sizing: border-box;
  background-clip: padding-box;
  border: var(--theme-box-border-width) solid transparent;
  margin: 0;
}

#mw-head {
  border-bottom-width: 0;
}

#content {
  border-top-width: 0;
  border-bottom-width: 0;
}

#footer {
  border-top-width: 0;
}

/****** navbar (#mw-head) ******/
/* reset */
#mw-head * {
  float: unset;
  font-size: unset;
  line-height: unset;
}

/* tabs layout */
#mw-head {
  --layout-padding: 12px;
  --layout-gap: 6px;
  --tab-padding-x: 12px;
  --tab-padding-y: 5px;
  --icon-size: 1em;
  padding: var(--layout-padding) 0 0 0;
  background: var(--theme-background);
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
#mw-head #left-navigation, #mw-head #right-navigation {
  float: none;
  flex: 1 1 auto;
  margin: 0;
  display: flex;
  align-items: flex-end;
}
#mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after {
  content: "";
  display: block;
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
}
#mw-head #left-navigation {
  justify-content: flex-start;
}
#mw-head #right-navigation {
  justify-content: flex-end;
}
#mw-head #left-navigation::before, #mw-head #right-navigation::after {
  flex: 0 0 var(--layout-padding);
}
#mw-head #left-navigation::after, #mw-head #right-navigation::before {
  flex: 1 1 auto;
}

/*** tabs of navbar ***/
/* reset */
#mw-head .vector-menu,
#mw-head .vector-menu * {
  background: none;
}

/* tabs list */
#mw-head .vector-menu-tabs {
  height: unset;
  padding: unset;
}
#mw-head .vector-menu-tabs .vector-menu-content-list {
  display: flex;
  align-items: flex-end;
}

/* tab */
#mw-head {
  --theme-tab-border-style: solid;
  --theme-tab-border-width: 1px;
  --theme-border-bottom-style: solid;
  --theme-border-bottom-width: 1px;
  --theme-border-bottom-color: var(--theme-tab-border-color-selected);
  --theme-border-bottom-color-selected: transparent;
}
#mw-head .vector-menu-tabs .mw-list-item,
#mw-head .vector-menu-dropdown {
  /* outer box */
  background: var(--theme-tab-background);
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  margin-right: var(--layout-gap); /* make space for gap */
}
#mw-head .vector-menu-tabs .mw-list-item::after,
#mw-head .vector-menu-dropdown::after {
  /* gap */
  content: "";
  display: block;
  width: var(--layout-gap);
  height: 100%;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  position: absolute;
  left: 100%;
  bottom: calc(0px - var(--theme-border-bottom-width));
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* inner box */
  height: auto;
  margin: 0;
  padding: var(--tab-padding-y) var(--tab-padding-x);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color);
  border-bottom: 0;
  border-radius: var(--theme-box-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: var(--theme-link-color);
  background: var(--theme-background-shadow);
}
#mw-head .vector-menu-tabs .mw-list-item a:hover,
#mw-head .vector-menu-dropdown .vector-menu-heading:hover {
  color: var(--theme-link-color-hover);
}
#mw-head .vector-menu-tabs .mw-list-item a.new,
#mw-head .vector-menu-dropdown .vector-menu-heading.new {
  color: var(--theme-link-color-redlink);
}
#mw-head .vector-menu-tabs .mw-list-item.selected {
  /* outer box: selected */
  background: var(--theme-tab-background-selected);
  border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected);
  border-bottom: 0;
  --theme-link-color: var(--theme-tab-color-selected);
  --theme-link-color-hover: var(--theme-tab-color-selected-hover);
  --theme-icon-color: var(--theme-tab-color-selected);
  --theme-icon-color-hover: var(--theme-tab-color-selected-hover);
}
#mw-head .vector-menu-tabs .mw-list-item.selected:after {
  /* gap */
  bottom: 0;
  padding-left: var(--theme-tab-border-width); /* x-position offset */
}
#mw-head .vector-menu-tabs .mw-list-item.selected a {
  /* inner box: selected */
  border: 0;
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected);
  background: none;
  color: var(--theme-tab-color-selected);
}

/* dropdown menu*/
#mw-head .vector-menu-dropdown .vector-menu-heading {
  /* tab label */
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
}
#mw-head .vector-menu-dropdown .vector-menu-heading::after {
  /* arrow icon */
  background: none;
  opacity: unset;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 6px 5px 0;
  margin-top: 2px;
}
#mw-head .vector-menu-dropdown:hover .vector-menu-heading::after {
  /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */
  border-color: var(--theme-icon-color-hover) transparent;
}
#mw-head .vector-menu-dropdown .vector-menu-content {
  /* dropdown list body */
  border: var(--theme-dropdown-border);
  border-radius: var(--theme-box-border-radius);
  background: var(--theme-dropdown-background);
  backdrop-filter: var(--theme-dropdown-backdrop-filter);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  left: 0; /* reset */
}
#mw-head .vector-menu-dropdown .vector-menu-content ul {
  padding: 4px;
}
#mw-head .vector-menu-dropdown .vector-menu-content li:hover {
  background: var(--theme-highlight-background);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a {
  display: block;
  padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x);
  text-decoration: none;
  color: var(--theme-link-color);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:visited {
  color: var(--theme-link-color-visited);
}
#mw-head .vector-menu-dropdown .vector-menu-content li a:hover {
  color: var(--theme-link-color-hover);
}

/* watch/unwatch star */
#mw-head .vector-menu-tabs .mw-watchlink.icon a {
  --theme-link-color-hover: var(--theme-icon-color-hover);
  width: 1.5em; /* same as line height */
  height: 1.5em;
  line-height: 1.5em;
  box-sizing: content-box;
  padding: var(--tab-padding-y);
  color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  content: "";
  display: block;
  position: unset;
  background-image: none;
  width: var(--icon-size);
  height: var(--icon-size);
  margin: calc((1.5em - var(--icon-size)) / 2);
  --mask: var(--icon) no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-icon-color);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
  background-color: var(--theme-icon-color-hover);
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a span {
  display: none;
}
#mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
  transform-origin: 50% calc(var(--icon-size) / 2 * 1.125);
}
#mw-head .vector-menu-tabs #ca-watch.icon {
  /* line star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E");
}
#mw-head .vector-menu-tabs #ca-unwatch.icon {
  /* solid star */
  --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E");
}


/*** search form ***/
#mw-head #p-search {
  /* navbar common border bottom */
  border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color);
  background: var(--theme-background-shadow);
  margin: 0;
  align-self: stretch;
}
#mw-head #p-search form {
  margin: 0;
}
#mw-head #p-search .vector-search-box-inner {
  border-width: 1px;
  border-style: solid;
  border-color: var(--theme-border-color);
  border-radius: 2px;
  width: var(--layout-search-box-width);
  min-width: unset;
  max-width: unset;
}
#mw-head #p-search .vector-search-box-inner:hover {
  border-color: var(--theme-border-color-hover);
}
#mw-head #p-search .vector-search-box-inner:focus-within {
  border-color: var(--theme-border-color-focus);
  box-shadow: var(--theme-shadow-focus);
}
#mw-head #p-search .vector-search-box-input {
  border: 0;
  color: var(--theme-text-color);
  background: var(--theme-background);
  box-shadow: var(--theme-shadow);
  height: 26px;
  padding: 0 26px 0 4px;
}
#mw-head #p-search .vector-search-box-input:focus {
  outline: 0;
  box-shadow: none;
  z-index: 1100; /* .suggestions: 1099 */
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  z-index: 1101;
}
#mw-head #p-search .vector-search-box-input::placeholder {
  color: var(--theme-text-color-note);
}
#mw-head #p-search .mw-searchButton {
  opacity: 0;
}
#mw-head #p-search .searchButton {
  width: 26px;
  min-width: unset;
  opacity: 1;
  background-image: none;
  --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 18px 18px;
  mask-size: 18px 18px;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-link-color);
}
#mw-head #p-search #searchform:hover .searchButton {
  background-color: var(--theme-link-color-hover);
}
#mw-head #p-search .vector-search-box-input:focus ~ .searchButton {
  background-color: var(--theme-link-color-focus);
}

/*** search result suggestions ***/
.suggestions {
  background: var(--theme-background);
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: var(--theme-box-shadow);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
  background: none;
}
.suggestions .suggestions-results {
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-bottom-color: var(--theme-rule-color);
}
.suggestions .suggestions-results:empty {
  border-bottom: 0;
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-label,
.suggestions .suggestions-special .special-query {
  color: var(--theme-text-color);
}
.suggestions .suggestions-result {
  padding: 1px 4px;
}
.suggestions .suggestions-special {
  margin: 0;
  padding: 2px 4px 4px;
  border: 1px solid var(--theme-border-color);
  border-top: 0;
  border-radius: var(--theme-box-border-radius);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus {
  color: var(--theme-link-color);
}
.suggestions .suggestions-result-current {
  background: var(--theme-highlight-background);
  color: var(--theme-link-color-hover);
}
.suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query {
  color: var(--theme-link-color-hover);
}


/**** main content box ****/
/* font */
.vector-body {
  font-size: unset; /* reset */
  line-height: 1.7142857143;
}

/** layout **/
#content {
  color: var(--theme-text-color);
  padding: 0;
  display: flex;
  flex-direction: column;
  background: var(--theme-box-background);
  background-clip: padding-box;
  --theme-heading-rule-color-h1: var(--theme-border-color);
  --theme-heading-rule-color-h2: var(--theme-border-color);
}

.content-body {
  flex: 1 1 auto;
}
.content-body &gt; main {
  align-self: stretch;
  padding: var(--layout-padding-y) var(--layout-padding-x);
}

#bodyContent {
  display: flex;
  flex-direction: column;
  position: unset;
}

/** main heading section **/
#firstHeading {
  overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}

/** the " &lt; rootpage &lt; page " crumb **/
#contentSub, #contentSub2 {
  margin: 0;
  color: var(--theme-text-color-note);
  font-size: 12px;
  line-height: 20px;
}

#contentSub .subpages {
  color: transparent;
  line-height: 20px;
  font-size: 0;
}
#contentSub .subpages a {
  font-size: 12px;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  padding-left: 4px;
}
#contentSub .subpages a::before {
  content: "";
  display: inline-block;
  height: 4px;
  width: 4px;
  border-color: var(--theme-icon-color);
  border-style: solid;
  border-width: 0 0 2px 2px;
  margin: 0 2px 0 0;
  transform: rotate(45deg);
}
#contentSub::after {
  /* the spacing and line between heading section and content body box */
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  margin-top: 4px;
  margin-bottom: var(--layout-padding-y);
}

/** content body box **/
#mw-content-text {
  flex: 1 1 auto;
  min-height: var(--layout-content-min-height);
}

/*** "category:" box ***/
#catlinks {
  background: var(--theme-background);
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
  margin: var(--layout-padding-y) 0 0 0;
  padding: 0.5em 1em;
}

/*** ads ***/
div.games-showcase-header {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0;
}

div.games-showcase-footer {
  margin: 0;
  padding: 0 var(--layout-padding-x) var(--layout-padding-y);
}

.content-body &gt; .games-showcase-sidebar {
  margin: 0;
  padding: var(--layout-padding-y) var(--layout-padding-x) 0 0;
}

.games-showcase-header img, .games-showcase-footer img {
  height: 100%;
  width: auto;
  object-fit: contain;
}
@media screen and (max-width: 1100px) {
  .games-showcase-header img, .games-showcase-footer img {
    height: auto !important;
    width: 100% !important;
    object-fit: contain;
  }
}
@media screen and (max-width: 926px) {
  .games-showcase-header img, .games-showcase-footer img {
    object-position: 50%;
    height: 105px !important;
    width: 100% !important;
    object-fit: none !important;
  }
}

aside.games-showcase-sidebar div.sidebar-showcase {
  padding: 0 0 var(--layout-padding-y) 0;
}


/**** #footer (copyright info) ****/
#footer {
  background: var(--theme-background);
  padding: var(--layout-padding-top, var(--layout-padding-y)) var(--layout-padding-x) var(--layout-padding-bottom, var(--layout-padding-y));
  border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  position: relative;
  /* grid */
  display: grid;
  grid-template-columns: [l] 1fr 0fr [r];
  grid-template-rows: [t] auto auto [b];
  z-index: 0; /* covered by content */
  font-size: 12px;
}

.mw-footer li {
  color: var(--theme-text-color);
}

#footer a {
  color: var(--theme-link-color);
}

#footer a:hover {
  color: var(--theme-link-color-hover);
}

#footer-info {
  display: contents;
}

#footer ul li {
  font-size: inherit;
  line-height: 1.5;
  padding: 0;
}

#footer-icons {
  grid-column: span 1/r;
  grid-row: t/b;
  place-self: end;
}

#footer #footer-info-lastmod {
  grid-column: l/span 1;
  grid-row: t/span 1;
  place-self: start;
  margin-bottom: 1em;
}

#footer #footer-info-copyright {
  grid-column: l/span 1;
  grid-row: span 1/b;
  place-self: end stretch;
  position: relative;
  padding-right: 100px;
}

#footer-info-copyright img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 31px;
  width: auto;
}

#footer-places &gt; * {
  margin-top: 1em;
}


/****** responsive Layout ******/
@media screen and (max-width: 1365px) {
  /* change layout */
  body {
    grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right] 0 [body-right];
    grid-template-rows: [body-start] var(--layout-topbar-height) [page-start] var(--layout-box-gap-y) [logo-start] var(--layout-logo-height) [logo-end] var(--layout-box-gap-y) [aside-start] auto [aside-end] var(--layout-box-gap-y) [nav-start] auto [nav-end content-start] auto [content-end footer-start] auto [footer-end] minmax(var(--layout-box-gap-y), 1fr) [page-end footerbar-start] auto [footerbar-end body-end];
  }
  
  /* re-style navbar */
  #mw-panel {
    flex-direction: row;
    align-self: end;
    align-items: flex-end;
    height: min-content;
    box-sizing: border-box;
    border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
    border-radius: var(--theme-box-border-radius);
    backdrop-filter: var(--theme-box-back-backdrop-filter);
    box-shadow: var(--theme-box-shadow);
    background: var(--theme-background);
    padding: 0 var(--layout-box-gap-x);
    /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */
    position: relative;
    z-index: 1;
  }
  #mw-panel .portal {
    background: none;
    box-shadow: none;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
  }
  #mw-panel .portal .vector-menu-heading {
    margin: 0;
    transform: unset;
    padding: 9px 12px;
    border: 0;
    border-radius: 0;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    border-width: 6px 5px 0; /* change arrow direction */
    margin-left: 4px;
  }
  #mw-panel .portal.collapsed .vector-menu-heading::after {
    transform: none;
  }
  #mw-panel .portal .body {
    display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: absolute;
    left: 0;
    top: 100%;
    width: max-content;
    min-width: 8em;
    border: var(--theme-dropdown-border);
    border-radius: var(--theme-box-border-radius);
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #mw-panel .portal .body ul {
    padding: 4px;
  }
  #mw-panel .portal .body li a {
    padding: 6px 12px;
  }
  #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading {
    background: var(--theme-highlight-background);
    border-radius: 0;
  }
  #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after {
    transform: scaleY(-1);
  }
  #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body {
    display: block !important;
  }
  
  /* search: move to sidebar nav box ("main nav bar") */
  #mw-head #p-search {
    padding: var(--layout-padding);
    border-bottom: 0;
    position: absolute;
    right: 0;
    top: calc(-32px - var(--layout-padding) - var(--layout-box-gap-y) - var(--theme-box-border-width) * 2); /* offset */
    z-index: 2;
    background: none;
  }
  
  .vector-search-box-inner {
    width: var(--layout-search-box-width);
    max-width: unset;
    min-width: unset;
  }
  
  #mw-head #right-navigation #p-cactions {
    margin-right: 0;
  }
  
  /* logo: smaller, and position relative to #mw-panel */
  #p-logo {
    background-size: var(--layout-logo-width) auto;
    margin: 0;
    top: calc(0px - var(--layout-logo-height) - var(--layout-box-gap-y));
  }
  #p-logo .mw-wiki-logo {
    width: var(--layout-logo-width);
    height: var(--layout-logo-height);
  }
  
  /* "more" menu in #right-navigation */
  #mw-head #right-navigation .vector-menu-dropdown {
    margin-right: 0;
  }
  #mw-head #right-navigation .vector-menu-dropdown::after {
    display: none;
  }
  #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content {
    left: auto;
    right: 0;
  }
  
} /* screen and (max-width: 1365px) */
@media screen and (max-width: 900px) {
  /* change layout */
  body {
    grid-template-columns: [body-left aside-left nav-left content-left footer-left] var(--layout-content-width) [content-right aside-right nav-right footer-right body-right];
  }
  
  #mw-page-base,
  #mw-panel,
  #mw-head, #content, #footer {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
  }
  
  .mw-indicators {
    z-index: auto;
  }
  
} /* screen and (max-width:900px) */
@media screen and (max-width: 720px) {
  :root {
    --layout-logo-scale: 0.75;
  }
  
  #p-logo {
    width: 100%;
    left: 0;
  }
  
  #mw-panel {
    --height: 36px;
    box-shadow: var(--theme-box-shadow2);
    display: block;
    height: calc(var(--height) + var(--theme-box-border-width) * 2);
  }
  #mw-panel .portal {
    box-sizing: border-box;
    display: none;
    box-shadow: none;
    background: var(--theme-dropdown-background);
    backdrop-filter: var(--theme-dropdown-backdrop-filter);
    border-left: var(--theme-dropdown-border);
    border-right: var(--theme-dropdown-border);
    margin: 0;
    border-radius: 0;
  }
  #mw-panel .portal .vector-menu-heading {
    padding: 0 12px 4px;
    border: 0;
    display: block;
    background: none;
  }
  #mw-panel .portal .vector-menu-heading::after {
    display: none;
  }
  #mw-panel .portal:hover .vector-menu-heading {
    background: none;
    color: var(--theme-heading-color);
  }
  #mw-panel .portal .body {
    display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
    position: unset;
    border: 0;
    background: none;
    backdrop-filter: none;
    padding: 4px 12px;
    width: 100%;
    box-sizing: border-box;
  }
  #mw-panel .portal .body ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
  }
  #mw-panel .portal .body li a {
    padding: 4px 8px;
    white-space: nowrap;
  }
  #mw-panel .portal:last-child {
    padding-bottom: 12px;
    border-bottom: var(--theme-dropdown-border);
    border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius);
  }
  #mw-panel .menu-toggle {
    --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
    cursor: pointer;
    display: block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin: calc((var(--height) - 24px) / 2) 12px;
  }
  #mw-panel .menu-toggle.expanded ~ .portal {
    display: block;
  }
  #mw-panel .menu-toggle + .portal {
    padding-top: 12px;
    border-top: var(--theme-dropdown-border);
  }
  
  .vector-search-box-inner {
    width: 100vw;
    max-width: var(--layout-search-box-width);
  }
  
  #content {
    --layout-padding-x: 12px;
    --layout-padding-y: 12px;
  }
  
  /* icon navbar tabs */
  #mw-head {
    top: unset; /* reset */
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E");
    --icon-size: 1.5em;
    --icon-margin: 0px;
    --tab-padding-y: 5px;
    --tab-padding-x: 5px;
  }
  #mw-head .vector-menu-tabs .mw-list-item a,
  #mw-head .vector-menu-dropdown .vector-menu-heading,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a {
    --theme-link-color-hover: var(--theme-icon-color-hover);
    width: calc(var(--icon-size) + var(--icon-margin) * 2); /* same as line height */
    height: calc(var(--icon-size) + var(--icon-margin) * 2);
    line-height: calc(var(--icon-size) + var(--icon-margin) * 2);
    box-sizing: content-box;
    padding: var(--tab-padding-y);
    color: transparent; /**&lt;&lt; for watch/unwatch, the text of &lt;a&gt; will be plain 'watch'/'unwatch' without &lt;span&gt; after clicking. **/
    padding: var(--tab-padding-y) var(--tab-padding-x);
  }
  #mw-head .vector-menu-tabs .mw-list-item a::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a::before {
    content: "";
    display: block;
    position: unset;
    background-image: none;
    width: var(--icon-size);
    height: var(--icon-size);
    margin: calc((calc(var(--icon-size) + var(--icon-margin) * 2) - var(--icon-size)) / 2);
    --mask: var(--icon) no-repeat;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: center center;
    mask-position: center center;
    background-color: var(--theme-icon-color);
  }
  #mw-head .vector-menu-tabs .mw-list-item a:hover::before,
  #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before {
    background-color: var(--theme-icon-color-hover);
  }
  #mw-head .vector-menu-tabs .mw-list-item a span,
  #mw-head .vector-menu-dropdown .vector-menu-heading span,
  #mw-head .vector-menu-tabs .mw-watchlink.icon a span {
    display: none;
  }
  #mw-head .vector-menu-dropdown .vector-menu-heading::after {
    display: none;
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-edit {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-view,
  #ca-view-foreign {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #left-navigation li[id^=ca-nstab-] {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-history {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-talk {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.svgviewer.dev/s/434200/outlined-paper-doc */
  #t-contributions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #ca-addsection {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://github.com/sschoger/heroicons-ui/ */
  #ca-viewsource {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-variants {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
  /* https://www.iconfinder.com/iconsets/core-ui-outlined */
  #p-cactions {
    --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E");
  }
  
} /* screen and (max-width:720px) */
@media screen and (max-width: 600px) {
  :root {
    --layout-logo-scale: 0.5;
  }
  
  .vector-search-box-inner {
    width: 80vw;
    max-width: var(--layout-search-box-width);
  }
  
  /* footer */
  #footer #footer-icons {
    float: none;
  }
  #footer #footer-info-copyright {
    grid-column: l/span 2;
    padding-right: 0;
    padding-bottom: 40px;
  }
  #footer #footer-info-copyright img {
    right: auto;
    left: 0;
  }
  
} /* screen and (max-width:600px) */
@media screen and (max-width: 450px) {
  
  
} /* screen and (max-width:450px) */

/***** Notification area *****/
.mw-notification-area-overlay {
  position: fixed;
  z-index: 9999;
}

.mw-notification-area {
  font-size: 14px;
  line-height: 1.7142857143;
}

.mw-notification {
  color: var(--theme-text-color);
  box-sizing: border-box;
  border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color);
  border-radius: var(--theme-box-border-radius);
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: var(--theme-box-shadow);
  background: var(--theme-background);
  transform: none;
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
  color: var(--theme-notice-red-text-color);
  border-color: var(--theme-notice-red-text-color);
}

.mw-notification.mw-notification-type-warn {
  color: var(--theme-notice-orange-text-color);
  border-color: var(--theme-notice-orange-text-color);
}

/****** postedit notification ******/
.postedit-container {
  top: 4em;
}

.mw-dismissable-notice {
  position: fixed;
  left: 2em;
  right: 2em;
  bottom: 4em;
  background: var(--theme-background);
  max-width: 500px;
  min-height: 80px;
  padding: 12px 8px;
  box-sizing: border-box;
  text-align: left;
  border: 1px solid var(--theme-border-color-accent);
  border-left-width: 8px;
  backdrop-filter: var(--theme-box-back-backdrop-filter);
  box-shadow: 0 0 10px rgba(127, 127, 127, 0.3);
}
.mw-dismissable-notice .mw-dismissable-notice-close {
  font-size: 11px;
}
.mw-dismissable-notice .mw-dismissable-notice-body {
  margin: 0px 40px 0px 24px;
  font-size: 14px;
}
.mw-dismissable-notice #localNotice {
  margin: 0;
}


/***********************************************************************************************************
 * Over-width table floating-scroll
 ***********************************************************************************************************/
/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls {
  overflow: auto;
  position: fixed;
}

.fl-scrolls div {
  overflow: hidden;
  pointer-events: none;
}

.fl-scrolls div:before {
  content: " ";
}

.fl-scrolls, .fl-scrolls div {
  font-size: 1px;
  line-height: 0;
  margin: 0;
  padding: 0;
}

.fl-scrolls-hidden div:before {
  content: "  ";
}

.fl-scrolls-viewport {
  position: relative;
}

.fl-scrolls-body {
  overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
  position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
  opacity: 0;
  transition: opacity 0.5s 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
  opacity: 1;
}

.fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] {
  bottom: 0;
  min-height: 17px;
}

.fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div {
  height: 1px;
}

.fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] {
  bottom: 9999px;
}

.fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] {
  left: 0;
}

.fl-scrolls[data-orientation=vertical] {
  right: 0;
  min-width: 17px;
}

.fl-scrolls[data-orientation=vertical] div {
  width: 1px;
}

.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] {
  right: 9999px;
}

.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] {
  top: 0;
}

/*css for wide table */
.table-wide {
  clear: both;
  position: relative;
}

.mw-parser-output &gt; .table-width {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.table-wide-inner {
  overflow-x: auto;
}

.table-wide-inner &gt; table {
  margin: 0 !important;
}

.table-wide:before {
  box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
  content: "";
  display: block;
  width: 20px;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/***********************************************************************************************************
 * Styles for "real" wiki page content. (in div.mw-parser-output)
 ***********************************************************************************************************/
/* external link icon. */
.mw-parser-output a.external,
.link-https {
  padding-right: 0;
  background: none;
}

/* custom icon color*/
.mw-parser-output a.external::after {
  content: "";
  display: inline-block;
  width: 0.875em;
  height: 0.875em;
  background-color: currentColor;
  --mask: url(/skins/Vector/resources/common/images/link-external-small-ltr-progressive.svg);
  -webkit-mask: var(--mask) no-repeat;
  mask: var(--mask) no-repeat;
  -webkit-mask-size: auto 0.875em;
  mask-size: auto 0.875em;
  -webkit-mask-position: right center;
  mask-position: right center;
  margin-left: 2px;
}

.mw-parser-output &gt; :first-child {
  margin-top: 0;
}

#filetoc {
  border-color: var(--theme-border-color);
}

/** headings **/
.mw-body h1, .mw-body-content h1, .mw-body-content h2,
.vector-body h3, .vector-body h4,
.vector-body h5, .vector-body h6 {
  margin: 0;
  color: var(--theme-heading-color);
  font-family: var(--theme-heading-font-face, inherit);
  line-height: var(--theme-heading-line-height, 1.25);
  font-weight: var(--theme-heading-font-weight, normal);
}

.mw-body h1, .mw-body-content h1 {
  font-size: var(--theme-heading-font-size-h1, 32px);
  line-height: var(--theme-heading-line-height-h1, 40px);
  font-weight: var(--theme-heading-font-weight-h1, var(--theme-heading-font-weight, normal));
}

.mw-body-content h2 {
  font-size: var(--theme-heading-font-size-h2, 24px);
  line-height: var(--theme-heading-line-height-h2, 30px);
  font-weight: var(--theme-heading-font-weight-h2, var(--theme-heading-font-weight, normal));
  margin-top: 18px;
  margin-bottom: 9px;
  border-bottom: 1px solid var(--theme-heading-rule-color-h2);
  padding-bottom: 3px;
}

.vector-body h3 {
  font-size: var(--theme-heading-font-size-h3, 20px);
  line-height: var(--theme-heading-line-height-h3, 26px);
  font-weight: var(--theme-heading-font-weight-h3, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h4 {
  font-size: var(--theme-heading-font-size-h4, 16px);
  line-height: var(--theme-heading-line-height-h4, 22px);
  font-weight: var(--theme-heading-font-weight-h4, var(--theme-heading-font-weight, normal));
  margin-top: 14px;
  margin-bottom: 7px;
}

.vector-body h5 {
  font-size: var(--theme-heading-font-size-h5, 14px);
  line-height: var(--theme-heading-line-height-h5, 22px);
  font-weight: var(--theme-heading-font-weight-h5, bold);
  margin-top: 10px;
  margin-bottom: 7px;
}

.vector-body h6 {
  font-size: var(--theme-heading-font-size-h6, 12px);
  line-height: var(--theme-heading-line-height-h6, 20px);
  font-weight: var(--theme-heading-font-weight-h1, bold);
  margin-top: 7px;
  margin-bottom: 7px;
}

/* reduce heading font size: */
@media (max-width: 900px) {
  .mw-body h1, .mw-body-content h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .mw-body-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .vector-body h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
/* section edit link */
.mw-editsection {
  white-space: nowrap;
  color: var(--theme-text-color-note);
}

/** ToC **/
/* base common style */
.toc {
  background: none;
  border-radius: 4px;
  border: 1px solid var(--theme-border-color);
  margin-top: 18px;
  margin-bottom: 18px;
  padding: 0;
  font-size: 1em;
  min-width: 12em;
}
.toc a {
  color: var(--theme-text-color);
}
.toc .tocnumber {
  color: var(--theme-text-color-note);
}
.toc .tocnumber:after {
  content: ".";
}

/* header */
.toc {
  /* arrow */
  /* do not change ToC box width when toggle show/hide. */
}
.toc .toctitle {
  position: relative;
  overflow: hidden;
  text-align: left;
  padding: 8px;
}
.toc .toctitle h2 {
  line-height: 20px;
  font-weight: normal;
  margin: 0;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.toc .toctitle h2::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: center center;
  mask-position: center center;
  background-color: var(--theme-text-color);
  margin: 0 6px 0 0;
}
.toc .toctogglelabel {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding-right: 1em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.toc .toctogglespan {
  font-size: 1em;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after,
.toc .toctogglelabel::after {
  display: none;
}
.toc .toctogglelabel::before {
  content: "";
  display: inline-block;
  background: none;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: var(--theme-icon-color) transparent;
  border-width: 0 5px 6px 5px;
  vertical-align: middle;
  flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before {
  border-color: var(--theme-icon-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before {
  border-width: 6px 5px 0 5px;
}
.toc .toctogglecheckbox:checked ~ ul {
  overflow: hidden;
  display: block;
  height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl .toc ul ul {
  margin: 0 0 0 1em;
}

.toc &gt; ul {
  padding: 0.5em;
  border-top: 1px solid var(--theme-border-color);
  margin: 0;
}
.toc &gt; ul a {
  display: block;
  padding: 2px 0.5em;
  border-radius: 4px;
  transition: background 0.1s;
}
.toc &gt; ul a:hover {
  text-decoration: none;
  background: var(--theme-highlight-background);
}
.toc &gt; ul li {
  margin: 0;
}

/********* Tables *********/
table {
  /* fix 100% width table with border */
  box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder {
  border-collapse: collapse;
  border-style: solid;
  border-color: var(--theme-border-color);
}

table.lined th,
table.lined td {
  border-width: 0 0 1px 0;
}

table tfoot:empty,
table thead:empty {
  display: none;
}

table.lined td.noline, table.lined tr.noline td {
  border-bottom-width: 0;
}

table tr.bottomline td {
  border-bottom-width: 1px;
}

table tr.topline td {
  border-top-width: 1px;
}

table td.bottomline, table.lined tr.noline td.bottomline {
  border-bottom-width: 1px;
}

table td.topline {
  border-top-width: 1px;
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
  white-space: nowrap;
}

table.inner {
  border-collapse: collapse;
  background: inherit;
  width: 100%;
}

table.inner th {
  border: 2px solid var(--theme-border-color);
}

.wikitable,
.wikitable &gt; tr &gt; th,
.wikitable &gt; * &gt; tr &gt; th {
  color: inherit;
  background: none;
}

.wikitable,
.wikitable &gt; tr &gt; th, .wikitable &gt; tr &gt; td, .wikitable &gt; * &gt; tr &gt; th, .wikitable &gt; * &gt; tr &gt; td {
  border-color: var(--theme-border-color);
}

table.cargoTable.noMerge tr:nth-child(2n) {
  background: rgba(127, 127, 127, 0.25);
}

table.cargoTable.noMerge tr:nth-child(2n+1) {
  background: none;
}

.gallery.mw-gallery-traditional {
  display: flex;
  gap: var(--theme-gap-y, 0) var(--theme-gap-x, 0);
  flex-wrap: wrap;
  margin: auto;
}
.gallery.mw-gallery-traditional.center {
  justify-content: center;
}
.gallery.mw-gallery-traditional .gallerybox {
  width: min-content !important;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox &gt; div {
  width: unset !important;
}
.gallery.mw-gallery-traditional .gallerybox .thumb {
  background: none;
  border: 0;
  margin: 0;
}
.gallery.mw-gallery-traditional .gallerybox .thumb &gt; div {
  border: 1px solid var(--theme-border-color);
}
.gallery.mw-gallery-traditional .gallerytext {
  font-size: 12px;
}
.gallery.mw-gallery-traditional .gallerytext p {
  width: auto;
}

html .thumbimage {
  background-color: transparent;
  border: 0;
}

/** gallery **/
div.thumbinner {
  border: 1px solid var(--theme-border-color);
  border-radius: var(--theme-box-border-radius);
}

li.gallerybox div.thumb {
  border-radius: var(--theme-box-border-radius);
}

.gallery * {
  box-sizing: initial;
}

.mw-gallery-traditional .thumb {
  display: flex;
}

.mw-gallery-traditional .thumb a {
  display: block;
}

.portable-infobox {
  border: 1px solid var(--pi-border-color);
  padding: var(--pi-padding);
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  text-align: center;
}
.portable-infobox .pi-title, .portable-infobox .pi-header {
  background: var(--pi-secondary-background);
  color: var(--pi-secondary-background--label);
}
.portable-infobox .pi-data {
  border-bottom: 0;
  gap: 8px;
}
.portable-infobox .pi-data-label {
  color: var(--pi-label-text-color);
  background: var(--pi-label-background);
}
.portable-infobox .pi-data-label, .portable-infobox .pi-data-value {
  padding: 6px;
}
.portable-infobox .pi-media-collection-tabs {
  gap: 8px;
}
.portable-infobox .pi-tab-link {
  border: 0;
  border-bottom: 2px solid transparent;
}
.portable-infobox .pi-media-collection .pi-tab-link.current {
  background: none;
  border-bottom-color: var(--pi-secondary-background);
}

/* Fighter infobox needs wider data label */
.portable-infobox[data-item-name="infobox_fighter"] .pi-data-label {
  flex-basis: 120px;
}

.portable-infobox[data-item-name="infobox_fighter"] .pi-image-thumbnail {
  padding-top: 4px;
}

/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.fullwidth, .full-width {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
  text-align: center;
}

.alignleft,
.align-left {
  text-align: left;
}

.alignright,
.align-right {
  text-align: right;
}

/* clear fix for float block */
.clearfix {
  *zoom: 1;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}

/***********************************************************************************************************
 * css for specific content pages
 ***********************************************************************************************************/
/*********** Main page  START ****************/
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 4 4 800px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*********** Main page  END ****************/
/* START : MAIN PAGE */
.eContainer {
  background-color: #4E4E4E;
  border: thin solid black;
  margin: 0 0 10px 0;
}

.MainPage_Navigation {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.MainPage_Navigation td {
  padding: 5px;
}

.buttonContainer {
  width: 170px;
  height: 60px;
  background-image: url(/images/1/15/MenuButtonsBlank.png);
  text-align: center;
  line-height: 65px;
  color: #3ca4ea;
  font-family: "Orbitron", sans-serif;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.buttonContainer a:hover {
  text-decoration: none;
}

.buttonArrangement {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* END : MAIN PAGE */


/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/
/********* for File: NS pages *********/
#filetoc {
  background: none;
}

/******* Search result page. (Special:Search)  ******/
.mw-search-form-wrapper {
  font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table {
  display: flex;
  align-items: center;
}

.mw-search-form-wrapper #mw-search-top-table &gt; div {
  float: none;
}

.mw-search-form-wrapper .results-info {
  color: var(--theme-text-color-note);
  font-size: 1em;
  padding: 0 0 0 3em;
  white-space: nowrap;
  text-align: right;
  flex: 1 1 auto;
}

.mw-search-form-wrapper .mw-search-visualclear {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs {
  border: 0;
  margin: 1em 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div {
  display: none;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types {
  width: 100%;
  float: none;
  padding: 0;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current {
  background: var(--theme-highlight-background);
  border-radius: 4px;
  overflow: hidden;
}

.mw-search-form-wrapper #mw-searchoptions {
  padding: 1em;
  background: var(--theme-box-background);
  border: 1px solid var(--theme-border-color-accent);
  border-radius: 4px;
}

/* responsive tweak */
@media screen and (max-width: 600px) {
  .mw-search-form-wrapper #mw-search-top-table {
    display: block;
  }
  .mw-search-form-wrapper .results-info {
    margin-top: 1em;
  }
  .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li {
    font-size: 12px;
  }
}

.mw-datatable {
  border-color: var(--theme-border-color);
}
.mw-datatable tr:hover td {
  background: var(--theme-highlight-background);
}
.mw-datatable th {
  background: var(--theme-table-header-background);
}

.cargo-pagevalues-tableinfo {
  background: var(--theme-box-background);
}

.license {
  border: 1px solid var(--theme-border-color-accent);
  padding: 5px;
  display: flex;
  gap: 1em;
}

/***********************************************************************************************************
 * theming vars.
 ***********************************************************************************************************/
:root {
  /*** top site logo ***/
  --theme-site-logo-image: url(/images/e/e6/Site-logo.png);
  --theme-site-logo-filter: none;
  --theme-site-logo-width-px: 450;
  --theme-site-logo-height-px: 80;
  --theme-site-logo-width: calc(var(--theme-site-logo-width-px) * 1px);
  --theme-site-logo-height: calc(var(--theme-site-logo-height-px) * 1px);
  /*** site background ***/
  --theme-site-background: #000 url(/images/8/80/Site-background.jpg) top center repeat-x fixed;
  /* common "box" style */
  --theme-box-back-backdrop-filter: none;
  --theme-box-border-radius: 2px;
  --theme-box-border-width: 1px;
  --theme-box-border-style: solid;
  --theme-box-border-color: #d63655;
  --theme-box-shadow: #404446;
  --theme-box-shadow2: none;
  --theme-box-back-background: #000;
  /* be used in multi-layer background, so we can't simpy use background-color */
  --theme-box-background: linear-gradient(#1c2022,#1c2022);
  --theme-background: var(--theme-box-background), var(--theme-box-back-background);
  /*** text color ***/
  --theme-text-color: #FFF;
  --theme-text-color-hover: var(--theme-text-color);
  --theme-text-color-note: #bbb;
  --theme-text-color-em: #04cc04;
  --theme-heading-color: var(--theme-text-color);
  --theme-text-color-placeholder: #808080;
  --theme-control-text-color: #333;
  --theme-control-text-color-hover: #333;
  /*** link text color ***/
  --theme-link-color: #70b8ff;
  --theme-link-color-hover: var(--theme-link-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-redlink: #f61731;
  --theme-link-color-focus: var(--theme-link-color);
  /* default color for icons */
  --theme-icon-color: var(--theme-link-color);
  --theme-icon-color-redlink: var(--theme-link-color-redlink);
  --theme-icon-color-hover: var(--theme-link-color-hover);
  /* default common color */
  --theme-border-color: #d63655;
  --theme-border-color-accent: #012e59;
  --theme-highlight-background: rgba(170, 222, 255, 0.15);
  /* dropdown menu */
  --theme-dropdown-border: 1px solid var(--theme-box-border-color);
  --theme-dropdown-background: #1c2022;
  --theme-dropdown-backdrop-filter: none;
  /* for wide table */
  --theme-wide-table-shadow-color: #999;
  /** notification **/
  --theme-notice-red-text-color: #ff001f;
  --theme-notice-orange-text-color: #ffab5b;
  /* portable infobox */
  --pi-background: none;
  --pi-border-color: var(--theme-box-border-color);
  --pi-secondary-background: rgba(255,255,255,0.1);
  --pi-secondary-background--label: var(--theme-text-color);
  --pi-item-spacing: 1px 0px;
  --pi-label-text-color: var(--theme-text-color);
  --pi-label-background: none;
  --pi-padding: 0px;
  --starsector-body-background-color: #1c2022;
  --starsector-body-background-color--rgb: 28, 32, 34;
  --starsector-secondary-background-color: #012e59;
  --starsector-secondary-background-color--rgb: 1, 46, 89;
  --starsector-navbox-title-color:#1a1a1a;
  --starsector-dark-border-color: #1f5e70;
  --starsector-dark-border-color--rgb: 31,94,112;
}

.druid-container {
  /* These variables are designed to inherit from your wiki's color variables.
        If your wiki uses a different naming scheme, change the inner names to match yours.
        If your wiki doesn't use color variables you should consider doing so,
        otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
     */
  --druid-background-color: #1c2022;
  --druid-background-color--rgb: 28, 32, 34;
  --druid-secondary-background-color: #3366cc;
  --druid-secondary-background-color--rgb: 51, 102, 204;
  --druid-secondary-background-label-color: #fff;
  --druid-secondary-background-label-color--rgb: 255, 255, 255;
  --druid-tertiary-background-color: #2b2b2b;
  --druid-tertiary-background-color--rgb: 43,43,43;
  --druid-border-color: #d63655;
  --druid-border-color--rgb: 170, 222, 255;
  --druid-link-color: #70b8ff;
  --druid-link-color--rgb: 109,138,251;
  --druid-link-label-color: #000;
  --druid-link-label-color--rgb: 0,0,0;
}

/* content box */
/* main article content box (without top heading) */
/* sidebar */
#mw-panel {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-border-width: 0;
  --theme-gap: 0;
}

#catlinks {
  --theme-background: none;
  --theme-box-border-radius: 0;
}

#footer {
  --theme-background: none;
}

/* navbar */
#mw-head {
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-link-color);
  --theme-link-color-hover: var(--theme-link-color);
  --theme-background: none;
  --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px);
  --theme-tab-background: var(--theme-box-background);
  --theme-tab-background-selected: var(--theme-box-background);
  --theme-tab-color-selected: var(--theme-text-color);
  --theme-tab-color-selected-hover: var(--theme-tab-color-selected);
  --theme-tab-border-color: var(--theme-box-border-color);
  --theme-tab-border-color-selected: var(--theme-box-border-color);
}
#mw-head #p-search {
  --theme-border-color: var(--theme-box-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-background: var(--theme-box-background);
  --theme-border-color-hover: var(--theme-icon-color-hover);
  --theme-border-color-focus: var(--theme-border-color-hover);
  --theme-shadow: none;
  --theme-shadow-focus: var(--theme-box-shadow);
}

/* search result suggestion */
body &gt; .suggestions {
  --theme-border-color: var(--theme-box-border-color);
  --theme-rule-color: var(--theme-border-color);
  --theme-link-color: var(--theme-text-color);
  --theme-link-color-visited: var(--theme-text-color);
  --theme-link-color-hover: var(--theme-text-color-hover);
}

.gallery {
  --theme-gap-x: 6px;
  --theme-gap-y: 6px;
}

.thumb {
  --theme-box-border-radius: 0;
}

/***********************************************************************************************************
 * dark theme tweak
 ***********************************************************************************************************/
#filetoc, code,
.mw-changeslist-legend,
.mw-search-profile-tabs, #mw-searchoptions,
.mw-datatable td {
  background: none;
}

/* ref */
ol.references li:target, sup.reference:target {
  background-color: rgba(255, 255, 255, 0.15);
}

#mw-allmessagestable tbody:hover td {
  background: var(--theme-highlight-background);
}

li.gallerybox div.thumb {
  background: var(--theme-box-background);
}

ul {
  list-style-image: url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"&gt;&lt;circle cx="2.5" cy="9" r="2.5" fill="#fff"/&gt;&lt;/svg&gt;');
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {
  color: var(--theme-text-color-note);
}

.oo-ui-tabSelectWidget-framed,
.mw-prefs-buttons {
  background: none;
}

.oo-ui-tabOptionWidget {
  color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
  color: var(--theme-text-color);
  background: none;
}

table.diff .diff-context {
  background: rgba(248, 249, 250, 0.15);
  color: var(--theme-text-color);
}
table.diff .diff-addedline .diffchange {
  background: rgba(74, 166, 255, 0.6);
}
table.diff .diff-deletedline .diffchange {
  background: rgba(255, 198, 63, 0.6);
}

:root {
  --pi-background: rgba(255,255,255, 0.1);
}

div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
  background: #231c3b;
}

div.thumbinner {
  background: none;
}

#pagehistory li.selected {
  background: rgba(40, 40, 40, 0.6);
  color: var(--theme-text-color);
}

#mw-indicator-mw-helplink a {
  background: none;
  position: relative;
}
#mw-indicator-mw-helplink a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
  filter: invert(1);
}

.mw-plusminus-pos {
  color: #7cf56e;
}

.mw-plusminus-neg {
  color: #ff9a9b;
}

.autocomment, .autocomment a, .autocomment a:visited {
  color: var(--theme-text-color-note);
}

.mw-message-box-warning {
  background-color: rgba(54, 44, 10, 0.5);
  border-color: #fc3;
  color: #fff;
}

fieldset {
  border-color: #ccc;
}

.mw-highlight pre, .mw-highlight code, .mw-highlight .mw-code {
  color: #ccc;
}
.mw-highlight .nv {
  color: #01C2EC;
}

.horse-userprofile {
  background-color: transparent;
}

.tabber__header--prev-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%);
  mask-image: linear-gradient(90deg, transparent, #fff 20%);
}

.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, #fff 80%, transparent);
}

.tabber__header--prev-visible.tabber__header--next-visible .tabber__tabs {
  -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.tabber__indicator {
  background: #01c2ec;
}

.tabber__tab {
  color: #ccc;
}

.tabber__tab:visited {
  color: #ccc;
}

.tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited {
  color: #01c2ec;
}

.tabber__transclusion--loading .tabber__loading-indicator, .tabber__transclusion--loading:before, .tabber__transclusion--loading:after {
  background-color: #01c2ec;
}

@media (hover: hover) {
  .tabber__tab:hover {
    color: #32d8ff;
  }
  .tabber__tab:active {
    color: #05b8e0;
  }
  .tabber__header__prev:hover, .tabber__header__next:hover {
    background-color: rgba(0, 24, 73, 0.03);
  }
  .tabber__header__prev:active, .tabber__header__next:active {
    background-color: rgba(0, 24, 73, 0.05);
  }
}
.not-patrolled {
  background-color: rgba(255, 255, 170, 0.15);
}

.updatedmarker {
  background-color: rgba(183, 244, 48, 0.4);
}

.license .icon {
  filter: invert(1) hue-rotate(180deg);
}

#editform .wikiEditor-ui, #editform .editOptions {
  filter: invert(1) hue-rotate(180deg);
}

.mw-rcfilters-head, .mw-rcfilters-ui-overlay {
  filter: invert(1) hue-rotate(180deg);
}

/***** CSS placed here will be applied to all skins on the entire site. *****/
.i18ndoc {
  background-color: #FFF77D;
  border-bottom: 1px solid lightgrey;
  padding: 3px;
}

/* Ambox design */
.ambox {
  font-size: 95%;
  width: 80%;
  margin: 0 auto;
  border: 1px #AAA solid;
  border-left: 10px solid #228b22;
  border-collapse: collapse;
  background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
  border-left: 10px solid #1e90ff; /* Blue (notice) */
}

.ambox-red {
  border-left: 10px solid #b22222; /* Red (delete/serious) */
}

.ambox-orange {
  border-left: 10px solid #f28500; /* Orange (content) */
}

.ambox-yellow {
  border-left: 10px solid #f4c430; /* Yellow (style) */
}

.ambox-purple {
  border-left: 10px solid #9932cc; /* Purple (merge) */
}

.ambox-gray {
  border-left: 10px solid #bba; /* Gray (protection) */
}

.ambox-green {
  border-left: 10px solid #228b22; /* Green */
}

/* Ambox small text */
.ambox-smalltext {
  font-size: smaller;
  margin-top: 0.5em;
  margin-left: 0.8em;
}

/* Ambox image */
.ambox-image { /* The left image cell */
  width: 60px;
  padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
  text-align: center;
}

@media print {
  .ambox {
    display: none;
  }
} /* no ambox when printing */
/* END Ambox */
/* START : Ship (and other) Infobox */
.portable-infobox .pi-data-label {
  font-size: 10px;
}

.portable-infobox .pi-title {
  font-size: 1.5em;
}

.pi-title, .pi-header {
  text-align: center;
  background-color: var(--pi-secondary-background);
}

/* most/all of the classes defined below are for old infobox template, no longer used */
.eInfobox_Collapsible {
  height: 0;
  overflow: hidden;
  -moz-transition: height 0.3s;
  -webkit-transition: height 0.3s; /* Safari */
  -o-transition: height 0.3s;
}

.eInfobox {
  font-size: 11px;
  width: 280px;
  border: thin solid black;
  float: right;
  margin: 0 0 10px 10px;
}

.eInfobox {
  background-color: #4E4E4E;
}

.eInfobox th {
  font-size: 12px;
  text-align: center;
}

.eInfobox .eInfobox-headerCell {
  font-size: 100%;
}

.eInfobox th {
  background-color: #5a5959;
}

/* END : Ship (and other) Infobox */
/* - - - - - - - - - - - &lt;syntaxhighlight&gt; - - - - - - - - - - - */
.mw-highlight pre {
  border: 1px solid rgba(0, 0, 0, 0.2666666667);
  padding: 12px;
  max-width: 100%;
  background-color: #002b36; /*
background-color:#fdf6e3;*/
  line-height: 1em;
  color: #839496;
}

/* - - - - - - - - - - - - Syntax highlighting - - - - - - - - - - - - - */
/* HTML &amp; CSS */
.mw-highlight .p {
  color: #93a1a1;
} /* punctuation CSS . # : { : ; } ( , ) HTML &lt; / &gt; */
.mw-highlight .o {
  color: #93a1a1;
} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mw-highlight .c {
  color: #586e75;
  font-style: italic;
} /* HTML/CSS comment    */
.mw-highlight .cp {
  color: #dc322f;
} /* CSS !important  HTML &lt;!DOCTYPE&gt;       */
.mw-highlight .nt {
  color: #268bd2;
  font-weight: bold;
} /* html tag name (body, div), after @-rule*/
/* HTML */
.mw-highlight .na {
  color: #6c71c4;
} /* attribute (id, class,...)    */
.mw-highlight .s {
  color: #2aa198;
} /* attribute "value"            */
.mw-highlight .ni {
  color: #b58900;
} /* special character (&amp;...;)    */
/* CSS */
.mw-highlight .n {
  color: #93a1a1;
} /* unrecognized syntax          */
.mw-highlight .nn {
  color: #d33682;
  text-shadow: 0 0 #d33682;
} /* id */
.mw-highlight .nc {
  color: #6c71c4;
} /* class                        */
.mw-highlight .nd {
  color: #268bd2;
} /* pseudo-class (hover, before) */
.mw-highlight .nb {
  color: #2aa198;
} /* text value (solid, hidden)   */
.mw-highlight .kc {
  color: #2aa198;
} /* text value (rgba, hsl, url)  */
.mw-highlight .k {
  color: #859900;
} /* propertie, @-rule (@media)   */
.mw-highlight .kp {
  color: #859900;
  font-style: italic;
} /* -webkit-   */
.mw-highlight .kp + .k {
  font-style: italic;
} /* webkit propertie        */
.mw-highlight .mh {
  color: #d33682;
} /* hex color (#..)              */
.mw-highlight .mi {
  color: #b58900;
} /* numeric values               */
.mw-highlight .mf {
  color: #d33682;
} /* decimal numeric values (0.5) */
.mw-highlight .kt {
  color: #b58900;
} /* size unit (px, in)           */
.mw-highlight .s2 {
  color: #cb4b16;
} /* [...="value"]                */
.mw-highlight .sx {
  color: #cb4b16;
  font-style: italic;
} /* media link */
.mw-highlight .nf {
  color: #cb4b16;
  font-weight: bold;
} /* --var       */
/*****************************
* Dark mode Syntax highlight *
******************************/
.theme-dark .mw-highlight .hll {
  background-color: #49483e;
}

.theme-dark .mw-highlight {
  background: #272822;
  color: #f8f8f2;
}

.theme-dark .mw-highlight .c {
  color: #75715e;
} /* Comment */
.theme-dark .mw-highlight .err {
  color: #960050;
  background-color: #1e0010;
} /* Error */
.theme-dark .mw-highlight .k {
  color: #66d9ef;
} /* Keyword */
.theme-dark .mw-highlight .l {
  color: #ae81ff;
} /* Literal */
.theme-dark .mw-highlight .n {
  color: #f8f8f2;
} /* Name */
.theme-dark .mw-highlight .o {
  color: #f92672;
} /* Operator */
.theme-dark .mw-highlight .p {
  color: #f8f8f2;
} /* Punctuation */
.theme-dark .mw-highlight .ch {
  color: #75715e;
} /* Comment.Hashbang */
.theme-dark .mw-highlight .cm {
  color: #75715e;
} /* Comment.Multiline */
.theme-dark .mw-highlight .cp {
  color: #75715e;
} /* Comment.Preproc */
.theme-dark .mw-highlight .cpf {
  color: #75715e;
} /* Comment.PreprocFile */
.theme-dark .mw-highlight .c1 {
  color: #75715e;
} /* Comment.Single */
.theme-dark .mw-highlight .cs {
  color: #75715e;
} /* Comment.Special */
.theme-dark .mw-highlight .gd {
  color: #f92672;
} /* Generic.Deleted */
.theme-dark .mw-highlight .ge {
  font-style: italic;
} /* Generic.Emph */
.theme-dark .mw-highlight .gi {
  color: #a6e22e;
} /* Generic.Inserted */
.theme-dark .mw-highlight .gs {
  font-weight: bold;
} /* Generic.Strong */
.theme-dark .mw-highlight .gu {
  color: #75715e;
} /* Generic.Subheading */
.theme-dark .mw-highlight .kc {
  color: #66d9ef;
} /* Keyword.Constant */
.theme-dark .mw-highlight .kd {
  color: #66d9ef;
} /* Keyword.Declaration */
.theme-dark .mw-highlight .kn {
  color: #f92672;
} /* Keyword.Namespace */
.theme-dark .mw-highlight .kp {
  color: #66d9ef;
} /* Keyword.Pseudo */
.theme-dark .mw-highlight .kr {
  color: #66d9ef;
} /* Keyword.Reserved */
.theme-dark .mw-highlight .kt {
  color: #66d9ef;
} /* Keyword.Type */
.theme-dark .mw-highlight .ld {
  color: #e6db74;
} /* Literal.Date */
.theme-dark .mw-highlight .m {
  color: #ae81ff;
} /* Literal.Number */
.theme-dark .mw-highlight .s {
  color: #e6db74;
} /* Literal.String */
.theme-dark .mw-highlight .na {
  color: #a6e22e;
} /* Name.Attribute */
.theme-dark .mw-highlight .nb {
  color: #f8f8f2;
} /* Name.Builtin */
.theme-dark .mw-highlight .nc {
  color: #a6e22e;
} /* Name.Class */
.theme-dark .mw-highlight .no {
  color: #66d9ef;
} /* Name.Constant */
.theme-dark .mw-highlight .nd {
  color: #a6e22e;
} /* Name.Decorator */
.theme-dark .mw-highlight .ni {
  color: #f8f8f2;
} /* Name.Entity */
.theme-dark .mw-highlight .ne {
  color: #a6e22e;
} /* Name.Exception */
.theme-dark .mw-highlight .nf {
  color: #a6e22e;
} /* Name.Function */
.theme-dark .mw-highlight .nl {
  color: #f8f8f2;
} /* Name.Label */
.theme-dark .mw-highlight .nn {
  color: #f8f8f2;
} /* Name.Namespace */
.theme-dark .mw-highlight .nx {
  color: #a6e22e;
} /* Name.Other */
.theme-dark .mw-highlight .py {
  color: #f8f8f2;
} /* Name.Property */
.theme-dark .mw-highlight .nt {
  color: #f92672;
} /* Name.Tag */
.theme-dark .mw-highlight .nv {
  color: #f8f8f2;
} /* Name.Variable */
.theme-dark .mw-highlight .ow {
  color: #f92672;
} /* Operator.Word */
.theme-dark .mw-highlight .w {
  color: #f8f8f2;
} /* Text.Whitespace */
.theme-dark .mw-highlight .mb {
  color: #ae81ff;
} /* Literal.Number.Bin */
.theme-dark .mw-highlight .mf {
  color: #ae81ff;
} /* Literal.Number.Float */
.theme-dark .mw-highlight .mh {
  color: #ae81ff;
} /* Literal.Number.Hex */
.theme-dark .mw-highlight .mi {
  color: #ae81ff;
} /* Literal.Number.Integer */
.theme-dark .mw-highlight .mo {
  color: #ae81ff;
} /* Literal.Number.Oct */
.theme-dark .mw-highlight .sa {
  color: #e6db74;
} /* Literal.String.Affix */
.theme-dark .mw-highlight .sb {
  color: #e6db74;
} /* Literal.String.Backtick */
.theme-dark .mw-highlight .sc {
  color: #e6db74;
} /* Literal.String.Char */
.theme-dark .mw-highlight .dl {
  color: #e6db74;
} /* Literal.String.Delimiter */
.theme-dark .mw-highlight .sd {
  color: #e6db74;
} /* Literal.String.Doc */
.theme-dark .mw-highlight .s2 {
  color: #e6db74;
} /* Literal.String.Double */
.theme-dark .mw-highlight .se {
  color: #ae81ff;
} /* Literal.String.Escape */
.theme-dark .mw-highlight .sh {
  color: #e6db74;
} /* Literal.String.Heredoc */
.theme-dark .mw-highlight .si {
  color: #e6db74;
} /* Literal.String.Interpol */
.theme-dark .mw-highlight .sx {
  color: #e6db74;
} /* Literal.String.Other */
.theme-dark .mw-highlight .sr {
  color: #e6db74;
} /* Literal.String.Regex */
.theme-dark .mw-highlight .s1 {
  color: #e6db74;
} /* Literal.String.Single */
.theme-dark .mw-highlight .ss {
  color: #e6db74;
} /* Literal.String.Symbol */
.theme-dark .mw-highlight .bp {
  color: #f8f8f2;
} /* Name.Builtin.Pseudo */
.theme-dark .mw-highlight .fm {
  color: #a6e22e;
} /* Name.Function.Magic */
.theme-dark .mw-highlight .vc {
  color: #f8f8f2;
} /* Name.Variable.Class */
.theme-dark .mw-highlight .vg {
  color: #f8f8f2;
} /* Name.Variable.Global */
.theme-dark .mw-highlight .vi {
  color: #f8f8f2;
} /* Name.Variable.Instance */
.theme-dark .mw-highlight .vm {
  color: #f8f8f2;
} /* Name.Variable.Magic */
.theme-dark .mw-highlight .il {
  color: #ae81ff;
} /* Literal.Number.Integer.Long */
/*****************************
*    End syntax highlight    *
******************************/
/*****************************
* Used by [[Template:Ambox]] *
******************************/
.ambox {
  background-color: var(--wiki-content-background-color--secondary);
  border: 1px solid var(--wiki-content-border-color);
  border-collapse: collapse;
  font-size: 95%;
  margin: 0 auto 2px auto;
  width: 80%;
}

.ambox-gray {
  border-left-color: #383838;
}

.ambox + .ambox {
  margin-top: -2px;
}

.ambox-text {
  padding: 0.25em 0.5em;
}

.ambox-image {
  padding: 2px 0px 2px 0.5em;
  text-align: center;
  width: 60px;
}

.ambox-tiny .ambox-image {
  padding: 2px 0.5em;
  text-align: left;
  width: auto;
}

/* Ambox colors */
.ambox-blue {
  border-left: 10px solid #1e90ff;
}

.ambox-red {
  border-left: 10px solid #b22222;
}

.ambox-orange {
  border-left: 10px solid #f28500;
}

.ambox-yellow {
  border-left: 10px solid #f4c430;
}

.ambox-purple {
  border-left: 10px solid #9932cc;
}

.ambox-gray {
  border-left: 10px solid #bba;
}

.ambox-green {
  border-left: 10px solid #228b22;
}

/*********************
* End Template:Ambox *
**********************/
/****************************************
* Semantically-correct horizontal lists *
****************************************/
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  /*
   * don't trust the note that says margin doesn't work with inline
   * removing margin: 0 makes dds have margins again
   * We also want to reset margin-right in Minerva
   */
  margin: 0;
  display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
  display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
  content: ": ";
}

.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
  content: " · ";
  font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
  content: " (";
  font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
  content: ")";
  font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}

.hlist ol &gt; li {
  counter-increment: listitem;
}

.hlist ol &gt; li::before {
  content: " " counter(listitem) " ";
}

.hlist dd ol &gt; li:first-child::before,
.hlist dt ol &gt; li:first-child::before,
.hlist li ol &gt; li:first-child::before {
  content: " (" counter(listitem) " ";
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/
/******************
* Template:Navbox *
*******************/
.navbox {
  clear: both;
  margin: 1em 0;
  padding: 3px;
  width: 100%;
  border: 1px solid var(--theme-border-color);
  box-sizing: border-box;
}

.navbox-inner,
.navbox-subgroup {
  border-spacing: 0;
  width: 100%;
}

/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
  margin-top: -1px;
}

/* Spacing between rows */
.navbox-spacer {
  height: 2px;
}

/* Title bars and labels */
.navbox-title {
  font-weight: bold;
  font-size: 115%;
  padding: 0.25em 0.6em;
  line-height: 1.5em;
  color: var(--theme-text-color);
  background: var(--starsector-secondary-background-color);
}

.navbox th {
  background-color: var(--starsector-navbox-title-color);
}

/* POSSIBLY OUTDATED: use this instead of trying to set the border of .navbox-title */
tr.navbox-gutter {
  background-color: rgba(112, 184, 255, 0.4666666667);
}

.navbox-title,
.navbox-abovebelow {
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
}

.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: var(--starsector-navbox-title-color);
  color: var(--wiki-content-text-color);
  border: none;
}

.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
  color: var(--wiki-content-link-color);
}

.navbox-title .mw-collapsible-toggle {
  font-weight: normal;
  text-align: right;
}

.navbox-title-text {
  font-size: 105%;
}

/* Navbox-related links */
.navbox-title .navbar {
  float: left;
  margin-right: 0.5em;
}

.navbox-title .navbar a.external::after {
  content: unset;
}

/* Groups */
.navbox-group {
  font-weight: bold;
  padding: 0 0.5em;
  white-space: nowrap;
  text-align: center;
}

/* Zebra colouring for rows */
.navbox-even {
  background: rgba(255, 255, 255, 0.0666666667);
}

/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup &gt; tbody &gt; tr {
  display: flex;
}

.navbox-subgroup .navbox-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 11em;
  flex-grow: 1;
  flex-shrink: 0;
  white-space: normal;
}

/* Lists */
.navbox-list {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
}

/* Mobile adjustments */
@media screen and (max-width: 1280px) {
  .mw-body .navbox-inner table {
    display: table;
  }
}
@media screen and (max-width: 720px) {
  .mw-body .navbox {
    display: none;
  }
}
/**********************
* End Template:Navbox *
***********************/
/***********************
* Start DRUID infoboxes *
************************/
.druid-container {
  border: 4px solid var(--druid-border-color);
  background: var(--druid-background-color);
  float: right;
  clear: right;
  margin: 0 0 1em 1em;
  width: 16.875em;
  box-sizing: border-box;
  border-collapse: collapse;
}

@media screen and (max-width: 450px) {
  .druid-container {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}
.druid-main-images-file,
.druid-main-image {
  text-align: center;
}

.druid-title,
.druid-section {
  background: rgba(var(--druid-secondary-background-color--rgb), 0.75);
  color: var(--druid-secondary-background-label-color);
  text-align: center;
  font-size: 1.5em;
}

.druid-section {
  font-size: 1.25em;
}

.druid-label {
  font-weight: bold;
}

.druid-main-images {
  padding: 5px;
}

.druid-main-images img {
  max-width: 100%;
  height: auto;
}

.druid-main-images-labels {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0.25em;
  gap: 0.25em;
}

.druid-main-images-label {
  cursor: pointer;
  flex: 1 1 auto;
  text-align: center;
  transition: 0.1s ease-in;
  outline: 1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
  background: var(--druid-link-color);
  color: var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
  background: rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data,
.druid-main-images-file {
  display: none;
}

.druid-toggleable-data.focused,
.druid-main-images-file.focused {
  display: block;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
  display: none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
  display: none;
}

.druid-grid {
  display: grid;
}

.druid-grid-item {
  background: var(--druid-tertiary-background-color);
  margin: 0.25em;
  padding: 0.25em;
  border: 1px solid rgba(var(--druid-border-color--rgb), 0.5);
}

/***********************
* End DRUID infoboxes  *
************************/

.wikiEditor-ui-toolbar {
  color: #000;
}

.toccolours {
  background-color: unset;
  border: unset;
  font-size: unset;
  padding: unset;
}

.mwe-math-fallback-image-inline {
	filter:invert(1);
}</text>
    <sha1>64918ab5e1d2374484eceeda549e2b09d89f94f1</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>310</id>
    <parentid>213</parentid>
    <timestamp>2024-03-28T20:58:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2793" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 25
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>86c064217f83c281c5804670ed533253b65b8ccf</sha1>
  </revision>
  <revision>
    <id>349</id>
    <parentid>310</parentid>
    <timestamp>2024-03-29T01:26:00Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2793" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 80
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>7addcf479ed6ca970958ed97208e0babb1de0d83</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:Weapons</title>
  <ns>14</ns>
  <id>59</id>
  <revision>
    <id>311</id>
    <timestamp>2024-03-28T20:59:31Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:Hullmods</title>
  <ns>14</ns>
  <id>60</id>
  <revision>
    <id>312</id>
    <timestamp>2024-03-28T20:59:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>MediaWiki:Sidebar</title>
  <ns>8</ns>
  <id>10</id>
  <revision>
    <id>313</id>
    <parentid>245</parentid>
    <timestamp>2024-03-28T21:00:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="749" xml:space="preserve">
* navigation
** mainpage|mainpage-description
** recentchanges-url|recentchanges
** randompage-url|randompage
** https://randomassortmentofthings.wiki.gg/wiki/Special:AllPages?from=&amp;to=&amp;namespace=10|Templates
** helppage|help-mediawiki

* Expansions
** Abyssal Depths | Abyssal Depths
** Exotech | Exotech 
** Relics of the Past | Relics of the Past
** Frontiers | Frontiers 
** Backgrounds| Backgrounds

* Content
** Category:Ships | Ships
** Category:Weapons | Weapons
** Category:Fighters | Fighters
** Category:Hullmods | Hullmods
** Category:Items | Items
** Category:Encounters | Encounters 
** Category:Bosses | Bosses

* Misc

** Enhancements | Enhancements
** Procgen Configuration | Procgen Configuration 


* SEARCH
* TOOLBOX
* LANGUAGES</text>
    <sha1>742eedf0824de02dcca22637df481ce2f8129796</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:Fighters</title>
  <ns>14</ns>
  <id>61</id>
  <revision>
    <id>314</id>
    <timestamp>2024-03-28T21:00:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:Items</title>
  <ns>14</ns>
  <id>62</id>
  <revision>
    <id>315</id>
    <timestamp>2024-03-28T21:00:52Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:Encounters</title>
  <ns>14</ns>
  <id>63</id>
  <revision>
    <id>316</id>
    <timestamp>2024-03-28T21:01:00Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:Bosses</title>
  <ns>14</ns>
  <id>64</id>
  <revision>
    <id>317</id>
    <timestamp>2024-03-28T21:01:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Enhancements</title>
  <ns>0</ns>
  <id>65</id>
  <revision>
    <id>318</id>
    <timestamp>2024-03-28T21:01:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Procgen Configuration</title>
  <ns>0</ns>
  <id>66</id>
  <revision>
    <id>319</id>
    <timestamp>2024-03-28T21:01:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>320</id>
    <parentid>259</parentid>
    <timestamp>2024-03-28T21:02:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1811" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 
a
== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>3016d4e44408e6074dc662e9de2bc01001d9aefb</sha1>
  </revision>
  <revision>
    <id>321</id>
    <parentid>320</parentid>
    <timestamp>2024-03-28T21:02:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1810" xml:space="preserve">
{{ImageInfobox
| image                 = MainPageBanner.png
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>2ce3a160b85d7d34d54a87896e2101652ebfd8b1</sha1>
  </revision>
  <revision>
    <id>325</id>
    <parentid>321</parentid>
    <timestamp>2024-03-28T21:20:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1977" xml:space="preserve">
{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| dependencies          = LazyLib &lt;br&gt; Magiclib &lt;br&gt; GraphicsLib &lt;br&gt; LunaLib
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>19516f4f81323fa47d2f23bb6238db3f3acb01d5</sha1>
  </revision>
  <revision>
    <id>327</id>
    <parentid>325</parentid>
    <timestamp>2024-03-28T21:21:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1978" xml:space="preserve">
{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| dependencies          = LazyLib &lt;br&gt; Magiclib &lt;br&gt; GraphicsLib &lt;br&gt; LunaLib
}}
a
'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>caec03229f096625f0fdf176ad49cbdd86c567d2</sha1>
  </revision>
  <revision>
    <id>328</id>
    <parentid>327</parentid>
    <timestamp>2024-03-28T21:21:37Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1977" xml:space="preserve">
{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| dependencies          = LazyLib &lt;br&gt; Magiclib &lt;br&gt; GraphicsLib &lt;br&gt; LunaLib
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>19516f4f81323fa47d2f23bb6238db3f3acb01d5</sha1>
  </revision>
  <revision>
    <id>329</id>
    <parentid>328</parentid>
    <timestamp>2024-03-28T21:25:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2220" xml:space="preserve">
{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>791fb0d2b92ce437d8b32a3de2faaa77a7da081e</sha1>
  </revision>
  <revision>
    <id>331</id>
    <parentid>329</parentid>
    <timestamp>2024-03-28T21:27:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2252" xml:space="preserve">
{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>ab66c357c5d67c55b8720984b04ccf28f74ba17e</sha1>
  </revision>
  <revision>
    <id>334</id>
    <parentid>331</parentid>
    <timestamp>2024-03-28T21:28:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2253" xml:space="preserve">a
{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>3d089ac4e689d5715d32eae233057c05a75ecdc7</sha1>
  </revision>
  <revision>
    <id>335</id>
    <parentid>334</parentid>
    <timestamp>2024-03-28T21:28:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2251" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>ea46e00604787f3cff4121a06ecd9b0d522f19bc</sha1>
  </revision>
  <revision>
    <id>337</id>
    <parentid>335</parentid>
    <timestamp>2024-03-28T21:28:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2252" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}
a
'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>28a736fb3ce9e1e1364a2c489e9673ababd131b4</sha1>
  </revision>
  <revision>
    <id>338</id>
    <parentid>337</parentid>
    <timestamp>2024-03-28T21:28:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2251" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>ea46e00604787f3cff4121a06ecd9b0d522f19bc</sha1>
  </revision>
  <revision>
    <id>339</id>
    <parentid>338</parentid>
    <timestamp>2024-03-28T21:36:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2255" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>b7954b26942651aaf4b8e368e56cf7dd39e0ebe4</sha1>
  </revision>
  <revision>
    <id>340</id>
    <parentid>339</parentid>
    <timestamp>2024-03-28T21:36:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2256" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>2d5b4d601e8911a7e91ca5a7150605c8f708846c</sha1>
  </revision>
  <revision>
    <id>347</id>
    <parentid>340</parentid>
    <timestamp>2024-03-29T00:51:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2387" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

The Wikis theme can be changed under the "Appearance" option on the top bar.
The available themes are: Abyssal, Exotech, Starsector.


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>7f8424416ab6d4d42c5584235cdff34ce2199d64</sha1>
  </revision>
  <revision>
    <id>348</id>
    <parentid>347</parentid>
    <timestamp>2024-03-29T00:51:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2392" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

The Wikis theme can be changed under the "Appearance" option on the top bar. &lt;br&gt;
The available themes are: Abyssal, Exotech, Starsector.


== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>b3220ab587b877d023a849a79bfbdc114ac351fc</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Template:ShipNavbox</title>
  <ns>10</ns>
  <id>15</id>
  <revision>
    <id>322</id>
    <parentid>74</parentid>
    <timestamp>2024-03-28T21:04:22Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="568" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Ships|Ships]]'''
| state = expanded
| group1 = [[:Category:Fighters|Fighter]]s
| list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]] 
| group2 = [[:Category:Frigate|Frigate]]s
| list2 = [[Merrow]] • [[Makara]] • [[Raguel]]
| group3 = [[:Category:Destroyer|Destroyer]]s
| list3 = [[Chuul]] • [[Sariel]] • [[Tylos]]
| group4 = [[:Category:Cruiser|Cruiser]]s
| list4 = [[Aboleth]] • [[Azazel]] • [[Arkas]] • [[Leanira]]
| group5 = [[:Category:Capital|Capital]]s
| list5 = [[Morkoth]] • [[Genesis]]
}}</text>
    <sha1>0a79e8dd07b5b24123da79c9bf8f460210512b5a</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Template:MainPageInfobox</title>
  <ns>10</ns>
  <id>67</id>
  <revision>
    <id>323</id>
    <timestamp>2024-03-28T21:18:59Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "&lt;infobox&gt;     &lt;title source="name"&gt;         &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;     &lt;/title&gt;     &lt;image source="image" /&gt;     &lt;group&gt;         &lt;header&gt;Information&lt;/header&gt;         &lt;data source="major"&gt;             &lt;label&gt;Latest Major Version&lt;/label&gt;         &lt;/data&gt;         &lt;data source="dependencies"&gt;             &lt;label&gt;Dependencies&lt;/label&gt;         &lt;/data&gt;     &lt;/group&gt; &lt;/infobox&gt;"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="441" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Information&lt;/header&gt;
        &lt;data source="major"&gt;
            &lt;label&gt;Latest Major Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>610410f9cae5778d36b7b0a55b1cf8e6e1070d0d</sha1>
  </revision>
  <revision>
    <id>324</id>
    <parentid>323</parentid>
    <timestamp>2024-03-28T21:20:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="437" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Information&lt;/header&gt;
        &lt;data source="version"&gt;
            &lt;label&gt;Latest Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>142dda5d1d3bd3fe0df42be27cf9f35bf6d66a00</sha1>
  </revision>
  <revision>
    <id>326</id>
    <parentid>324</parentid>
    <timestamp>2024-03-28T21:21:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="322" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name" /&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Information&lt;/header&gt;
        &lt;data source="version"&gt;
            &lt;label&gt;Latest Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>dd1f65794a8a0ce24f9ac842d8cadf473a70106e</sha1>
  </revision>
  <revision>
    <id>330</id>
    <parentid>326</parentid>
    <timestamp>2024-03-28T21:26:55Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="535" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
        &lt;format&gt;'''{{#if:{{{name|}}}|{{{name|Name}}}-class|}} {{{designation|Designation}}}'''&lt;/format&gt;
    &lt;/title&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Information&lt;/header&gt;
        &lt;data source="version"&gt;
            &lt;label&gt;Latest Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="gameversion"&gt;
            &lt;label&gt;Starsector Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>168cccc7c9195d2a7e7819ed58c25672d83f040f</sha1>
  </revision>
  <revision>
    <id>332</id>
    <parentid>330</parentid>
    <timestamp>2024-03-28T21:27:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="418" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name"&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Information&lt;/header&gt;
        &lt;data source="version"&gt;
            &lt;label&gt;Latest Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="gameversion"&gt;
            &lt;label&gt;Starsector Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>c50632cb52b9f884ab43fef4f72dd0b65906ac0b</sha1>
  </revision>
  <revision>
    <id>333</id>
    <parentid>332</parentid>
    <timestamp>2024-03-28T21:27:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="420" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name" /&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Information&lt;/header&gt;
        &lt;data source="version"&gt;
            &lt;label&gt;Latest Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="gameversion"&gt;
            &lt;label&gt;Starsector Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>805896ee277e86448ff885bf82b68e49069551d5</sha1>
  </revision>
  <revision>
    <id>336</id>
    <parentid>333</parentid>
    <timestamp>2024-03-28T21:28:42Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="424" xml:space="preserve">&lt;infobox&gt;
    &lt;title source="name" /&gt;
    &lt;image source="image" /&gt;
    &lt;group&gt;
        &lt;header&gt;Mod Information&lt;/header&gt;
        &lt;data source="version"&gt;
            &lt;label&gt;Latest Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="gameversion"&gt;
            &lt;label&gt;Starsector Version&lt;/label&gt;
        &lt;/data&gt;
        &lt;data source="dependencies"&gt;
            &lt;label&gt;Dependencies&lt;/label&gt;
        &lt;/data&gt;
    &lt;/group&gt;
&lt;/infobox&gt;</text>
    <sha1>2924e09e3f90da4fef1dd5984eecbcc86d86c4d7</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Category:AI Cores</title>
  <ns>14</ns>
  <id>68</id>
  <revision>
    <id>341</id>
    <timestamp>2024-03-28T22:08:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Abyssal Depths</title>
  <ns>0</ns>
  <id>29</id>
  <revision>
    <id>342</id>
    <parentid>270</parentid>
    <timestamp>2024-03-28T22:09:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5235" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;
a
== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>581c1be61a1fae507bfbd1f445441fc3d6209ce9</sha1>
  </revision>
  <revision>
    <id>343</id>
    <parentid>342</parentid>
    <timestamp>2024-03-28T22:09:18Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="5234" xml:space="preserve">{{ExpansionInfobox
| name                  = The Abyssal Depths
| image                 = AbyssalDepths.jpg
}}

The Abyssal Depths is an Expansion Pack adding a new area to the persean abyss in the south-western sector. &lt;br&gt;
It can be enabled/disabled with the "Enable "The Abyssal Depths"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Gameplay ==

The depths consist of multiple connected systems called "Seas". Together they construct a small dungeon in which you have to travel from system to system after another. &lt;br&gt;
Its Standout feature is the "Darkness" Mechanic. The entire area is almost entirely dark, and being located within non-illuminated areas causes fleets to be harder to detect. &lt;br&gt;

The Abyss is split in to two halfs, a "Shallow" half, and a "Deep" one. The first few systems are of the Shallow type, with the Deep type appearing as you go further down. &lt;br&gt;
The notable difference between both types is the difficulty of opponents, and the strength of the darkness effect. Within Shallow areas the Terrain effect is called "Darkness", where as in Deep systems it is called "Extreme Darkness".

Every systems contains a type of Nebula called "Abyssal Fog". Abyssal Fog increases a fleets burn speed by 50%, however storms similar to those within Hyperspace can appear, damaging the fleet if they do not move slowly over them. The areas terrain effect also allows detecting structures at much higher distances than normal.&lt;br&gt;

The [https://starsector.wiki.gg/wiki/Transverse_Jump Transverse Jump] ability can not be used in the abyss. Instead the area can be left by flying outside its radius, which can be viewed on the Starmap. &lt;br&gt;

== Area Types ==

Seas can generate in a few different ways. Each type of generation effects what kind of entities spawn within the system.

* '''Standard Type''': The most common type to find, it spawns normal Photospheres which illuminate their surroundings.
* '''Ionic Type''': Similar to the Standard Type, but a particle storm provides disadvantageous combat effects.
* '''Dark Type''': Abyssal Beacons spawn instead of Photospheres. The output of light from beacons is variable, causing their light radius to change over time.
* '''Colossal Type''': A large, central photosphere illuminates the entire system, making navigation, mostly negating the darkness effect.

&lt;gallery widths=288px heights = 162px&gt;
abyss_base_type.jpg|Standard Type
abyss_ionic_type.jpg|Ionic Type
abyss_dark_type.jpg|Dark Type
abyss_colossal_type.jpg|Colossal Type
&lt;/gallery&gt;

== Fleets == 

The depths are occupied by fleets of ships of the [[:Category:Abyssal|Abyssal]] and [[:Category:Seraph|Seraph]] design types. &lt;br&gt;
The ships of the seraph type can only appear in the Deep parts of the abyssal depths. They only spawn in low numbers mixed in to fleets with the abyssal design.&lt;br&gt;

Ships in Abyssal fleets are very aggressive and sport great shields. They are equipped with powerful energy weaponry that can not be found anywhere else.

== Loot ==

* [[:Category:Hull Alterations|Hull Alterations]]
* [[:Category:Artifacts|Artifacts]]
* [[:Category:AI Cores|AI Cores]]
** [[Cosmos Core]]
** [[Chronos Core]]
** [[Seraph Core]]
** [[Primordial Core]]

== Encounters ==

Aside from common stations and fleets, a few unique and once per save encounters can be found within the abyssal depths. &lt;br&gt;
Those encounters represent some special loot and challenges. &lt;br&gt;

* [[Converted Sariel]]
* [[Military Outpost]]
* [[Singularity]]

== Major Event ==

The Abyssal Depths have a Major Event similar to that of [https://starsector.wiki.gg/wiki/Hyperspace_Topography Hyperspace Topography] &lt;br&gt;
Exploring the depths and using [[Abyssal Survey Data]] progresses the event over time. It has four different stages and can not be repeated. &lt;br&gt;

* '''Into the depths''': Increases the maximum normal &amp; "Go Dark" burn speed by 1 level.
* '''Persistance''': The players fleet takes 50% less damage from abyssal storms.
* '''In the dark''': The players fleet is 10% more hidden within the darkness.
* '''Stare in to the abyss''': Provides the player with an additional skillpoint.

== Lore ==

{{quote|
Within the south-western corner of the sector, deep within the persean abyss, there is a unique formation of hyperspatial matter that hasnt been discovered in any other colonised sector.
Not to much is known of it nowadays, but its been said that during the colonisation of this sector, some kind of exotic matter has been discovered, causing an economic rush for exploration and extraction of resources in its proximity.

The space is said to be rather dangerous, but it was nothing that couldn't be handled with the assistance of gates. And there lies the issue, with the collapse, its been almost impossible to reach that far in to the persean abyss, even less so to explore it in detail, making it quasi isolated from the sector since...|In-Game Bar Event}}

Some lore detailing the history and enviroment of the depths can be found ingame. Most of it is found within [[Transmitter Logs]] that have a chance to appear on any Transmitter in the abyss.

{{AbyssalNavbox}}

[[Category:Expansions]]</text>
    <sha1>434c1bab209bfd50b542eb986ec09e2689760713</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Template:ExotechNavbox</title>
  <ns>10</ns>
  <id>47</id>
  <revision>
    <id>344</id>
    <parentid>278</parentid>
    <timestamp>2024-03-28T22:11:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="748" xml:space="preserve">{{Navbox 
| title = '''[[Exotech]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Thestia]] • [[Tylos]] • [[Leanira]] • [[Arkas]]
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Hyperspatial Dart]] • [[Hyperspatial Javelin]] • [[P-Wave Missile Launcher]] • [[Starburst Microlauncher]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Protostar]] • [[Nightblade]] • [[Dawnblade]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Exogrid]] • [[Autonomous Bays]] • [[Overtuned Targeting]] • [[Unstoppable Force]]
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Exo-Processor]]
| group6 = [[:Category:Items|Items]]
| list6 = [[Advanced Asteroid Mining Forge-Assisted Blueprint]]
}}</text>
    <sha1>a16776257ce40cc455c4f86c05ba5c18f31140e8</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Template:AbyssalNavbox</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>345</id>
    <parentid>276</parentid>
    <timestamp>2024-03-28T22:14:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1679" xml:space="preserve">{{Navbox 
| title = '''[[Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] • [[Ordnance Redistributor]] • [[Abyssal Crew Conversion]] • [[AI Conversion]] • [[Delta Assistant]] • [[Unaffected Deployment]] • [[Phase Stabiliser]] • [[Quality Assurance]] • [[Efficient Procedures]] • [[Overloaded Systems]] • [[Ballistic Focus]] • [[Energy Focus]] • [[Missile Reserves]] • [[Temporal Gear]] • [[Deployment Preparation]] • [[Drivefield Overwrite]] • [[Advanced Flux Crystal]] • [[Boost Redirector]] • [[Soft Shields]] • [[Temporal Assault]] • [[Perseverance]] • [[Magnetic Storm]] • [[Plasmatic Shield]] • [[]] • [[]] • [[]] • [[]] • [[]] •
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[Computational Matrix]] • [[Defensive Array]] • [[Miniature Forge]] • [[Hyperenergetic Generator]] • [[Ordnance Overwrite]]
}}</text>
    <sha1>e3d9c5b52188b355be3f278dfebd3f42a8247871</sha1>
  </revision>
  <revision>
    <id>346</id>
    <parentid>345</parentid>
    <timestamp>2024-03-28T22:14:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1630" xml:space="preserve">{{Navbox 
| title = '''[[Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] • [[Ordnance Redistributor]] • [[Abyssal Crew Conversion]] • [[AI Conversion]] • [[Delta Assistant]] • [[Unaffected Deployment]] • [[Phase Stabiliser]] • [[Quality Assurance]] • [[Efficient Procedures]] • [[Overloaded Systems]] • [[Ballistic Focus]] • [[Energy Focus]] • [[Missile Reserves]] • [[Temporal Gear]] • [[Deployment Preparation]] • [[Drivefield Overwrite]] • [[Advanced Flux Crystal]] • [[Boost Redirector]] • [[Soft Shields]] • [[Temporal Assault]] • [[Perseverance]] • [[Magnetic Storm]] • [[Plasmatic Shield]]
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[Computational Matrix]] • [[Defensive Array]] • [[Miniature Forge]] • [[Hyperenergetic Generator]] • [[Ordnance Overwrite]]
}}</text>
    <sha1>49b3e4c1c85cf9805f2bb30273b6ac0a48d6a76f</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat raguel.png</title>
  <ns>6</ns>
  <id>69</id>
  <revision>
    <id>350</id>
    <timestamp>2024-03-29T01:26:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>Raguel</title>
  <ns>0</ns>
  <id>70</id>
  <revision>
    <id>351</id>
    <timestamp>2024-03-29T01:28:32Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Ragueö | designation           = Droneship | shipsize              = Frigate | design                = [[Seraph]] | image                 = rat_raguel.png | dp                    = 14 | ordnancepoints        = 65 | topspeed              = 110 | hullintegrity         = 4000 | armorrating           = 400 | fluxcapacity          = 4500 | fluxdissipation       = 450  | defense               = Front Shield | cloakactivationcost   =  |..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1646" xml:space="preserve">{{ShipInfobox
| name                  = Ragueö
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Seraph]]
| image                 = rat_raguel.png
| dp                    = 14
| ordnancepoints        = 65
| topspeed              = 110
| hullintegrity         = 4000
| armorrating           = 400
| fluxcapacity          = 4500
| fluxdissipation       = 450

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 180
| shieldfluxdamage      = 0.75

| system                = Temporal Dash
| mounts                = 2x Medium Hybrid&lt;br /&gt;2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Raguelis a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>da6005162e43c3fff913935f893366111850af41</sha1>
  </revision>
  <revision>
    <id>352</id>
    <parentid>351</parentid>
    <timestamp>2024-03-29T01:28:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1645" xml:space="preserve">{{ShipInfobox
| name                  = Raguel
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Seraph]]
| image                 = rat_raguel.png
| dp                    = 14
| ordnancepoints        = 65
| topspeed              = 110
| hullintegrity         = 4000
| armorrating           = 400
| fluxcapacity          = 4500
| fluxdissipation       = 450

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 180
| shieldfluxdamage      = 0.75

| system                = Temporal Dash
| mounts                = 2x Medium Hybrid&lt;br /&gt;2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Raguelis a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>d1dbe64bbcc27d1fa5bea8969272de367fb8ed57</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat morkoth.png</title>
  <ns>6</ns>
  <id>71</id>
  <revision>
    <id>353</id>
    <timestamp>2024-03-29T01:29:10Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat makara.png</title>
  <ns>6</ns>
  <id>72</id>
  <revision>
    <id>354</id>
    <timestamp>2024-03-29T01:29:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat merrow.png</title>
  <ns>6</ns>
  <id>73</id>
  <revision>
    <id>355</id>
    <timestamp>2024-03-29T01:29:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat ceto.png</title>
  <ns>6</ns>
  <id>74</id>
  <revision>
    <id>356</id>
    <timestamp>2024-03-29T01:29:29Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat chuul.png</title>
  <ns>6</ns>
  <id>75</id>
  <revision>
    <id>357</id>
    <timestamp>2024-03-29T01:29:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat aboleth.png</title>
  <ns>6</ns>
  <id>76</id>
  <revision>
    <id>358</id>
    <timestamp>2024-03-29T01:29:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240328205817|310">
  <title>File:Rat aboleth m.png</title>
  <ns>6</ns>
  <id>77</id>
  <revision>
    <id>359</id>
    <timestamp>2024-03-29T01:29:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Raguel</title>
  <ns>0</ns>
  <id>70</id>
  <revision>
    <id>360</id>
    <parentid>352</parentid>
    <timestamp>2024-03-29T01:31:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1646" xml:space="preserve">{{ShipInfobox
| name                  = Raguel
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Seraph]]
| image                 = rat_raguel.png
| dp                    = 14
| ordnancepoints        = 65
| topspeed              = 110
| hullintegrity         = 4000
| armorrating           = 400
| fluxcapacity          = 4500
| fluxdissipation       = 450

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 180
| shieldfluxdamage      = 0.75

| system                = Temporal Dash
| mounts                = 2x Medium Hybrid&lt;br /&gt;2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Raguel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>88c04518f9a5356758e1c9dc0d2d2cb6f7e75808</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Aboleth (M)</title>
  <ns>0</ns>
  <id>79</id>
  <revision>
    <id>365</id>
    <timestamp>2024-03-29T01:41:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Aboleth (M) | designation           = Droneship Cruiser | shipsize              = Cruiser | design                = [[Abyssal]] | image                 = rat_aboleth_m.png | dp                    = 28 | ordnancepoints        = 165 | topspeed              = 65 | hullintegrity         = 8000 | armorrating           = 900 | fluxcapacity          = 10000 | fluxdissipation       = 700  | defense               = Front Shield | cloakactiv..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1445" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (M)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth_m.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 2x Medium Missile &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>71da32a8649119d6c3dcd7d79ad55aca78379bca</sha1>
  </revision>
  <revision>
    <id>384</id>
    <parentid>365</parentid>
    <timestamp>2024-03-29T02:10:37Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2037" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (M)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth_m.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 2x Medium Missile &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>999760501deeb0a6471e1b78d4720e185f93b9f5</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Template:ShipNavbox</title>
  <ns>10</ns>
  <id>15</id>
  <revision>
    <id>366</id>
    <parentid>322</parentid>
    <timestamp>2024-03-29T01:42:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="592" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Ships|Ships]]'''
| state = expanded
| group1 = [[:Category:Fighters|Fighter]]s
| list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]] 
| group2 = [[:Category:Frigate|Frigate]]s
| list2 = [[Merrow]] • [[Makara]] • [[Raguel]]
| group3 = [[:Category:Destroyer|Destroyer]]s
| list3 = [[Chuul]] • [[Sariel]] • [[Tylos]]
| group4 = [[:Category:Cruiser|Cruiser]]s
| list4 = [[Aboleth (M)]] • [[Aboleth (F)]] • [[Azazel]] • [[Arkas]] • [[Leanira]]
| group5 = [[:Category:Capital|Capital]]s
| list5 = [[Morkoth]] • [[Genesis]]
}}</text>
    <sha1>6fd816afc46094791f42d06155b29db4b9f781af</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Aboleth (F)</title>
  <ns>0</ns>
  <id>80</id>
  <revision>
    <id>367</id>
    <timestamp>2024-03-29T01:43:35Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Aboleth (F) | designation           = Droneship Cruiser | shipsize              = Cruiser | design                = [[Abyssal]] | image                 = rat_aboleth.png | dp                    = 28 | ordnancepoints        = 165 | topspeed              = 65 | hullintegrity         = 8000 | armorrating           = 900 | fluxcapacity          = 10000 | fluxdissipation       = 700  | defense               = Front Shield | cloakactivat..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1420" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>ce39a0bfc6e95b2875484ff8a0339520f9350ca5</sha1>
  </revision>
  <revision>
    <id>385</id>
    <parentid>367</parentid>
    <timestamp>2024-03-29T02:11:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2012" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>41f20639a1545f693ee2998012e49d54c463362f</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Template:AbyssalNavbox</title>
  <ns>10</ns>
  <id>35</id>
  <revision>
    <id>368</id>
    <parentid>346</parentid>
    <timestamp>2024-03-29T01:44:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1654" xml:space="preserve">{{Navbox 
| title = '''[[Abyssal Depths]]'''
| state = expanded
| group1 = [[:Category:Ships|Ships]]
| list1 = [[Merrow]] • [[Makara]] • [[Chuul]] • [[Aboleth (M)]] • [[Aboleth (F)]] • [[Morkoth]] • [[Raguel]] • [[Sariel]] • [[Azazel]] • [[Genesis]] 
| group2 = [[:Category:Weapons|Weapons]]
| list2 = [[Shortfin]] • [[Lusca Blaster]] • [[Humpback Blaster]] • [[Haddock Blaster]] • [[Leviathan Cannon]] • [[Seadragon DEM Rack]] • [[Seadragon DEM Launcher]] • [[Asterina]] • [[Asterias]] • [[Seabream]] • [[Cecaelia Shotgun]] • [[Calypso Pulser]]
| group3 = [[:Category:Fighters|Fighters]]
| list3 = [[Ceto]]
| group4 = [[:Category:Hullmods|Hullmods]]
| list4 =  [[Abyssal Adaptability]] • [[Abyssal Grid]] • [[Seraphs Grace]] • [[Ordnance Redistributor]] • [[Abyssal Crew Conversion]] • [[AI Conversion]] • [[Delta Assistant]] • [[Unaffected Deployment]] • [[Phase Stabiliser]] • [[Quality Assurance]] • [[Efficient Procedures]] • [[Overloaded Systems]] • [[Ballistic Focus]] • [[Energy Focus]] • [[Missile Reserves]] • [[Temporal Gear]] • [[Deployment Preparation]] • [[Drivefield Overwrite]] • [[Advanced Flux Crystal]] • [[Boost Redirector]] • [[Soft Shields]] • [[Temporal Assault]] • [[Perseverance]] • [[Magnetic Storm]] • [[Plasmatic Shield]]
| group5 = [[:Category:AI Cores|AI Cores]]
| list5 = [[Cosmos Core]] • [[Chronos Core]] • [[Seraph Core]] • [[Primordial Core]]
| group6 = [[:Category:Items|Items]]
| list6 = [[Computational Matrix]] • [[Defensive Array]] • [[Miniature Forge]] • [[Hyperenergetic Generator]] • [[Ordnance Overwrite]]
}}</text>
    <sha1>ee1c15f38847d208e65e8914bab2e7bf8cecce2a</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Merrow</title>
  <ns>0</ns>
  <id>81</id>
  <revision>
    <id>369</id>
    <timestamp>2024-03-29T01:47:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Merrow | designation           = Droneship | shipsize              = Frigate | design                = [[Abyssal]] | image                 = rat_merrow.png | dp                    = 7 | ordnancepoints        = 45 | topspeed              = 130 | hullintegrity         = 1250 | armorrating           = 250 | fluxcapacity          = 2500 | fluxdissipation       = 300  | defense               = Front Shield | cloakactivationcost   =  | c..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1417" xml:space="preserve">{{ShipInfobox
| name                  = Merrow
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Abyssal]]
| image                 = rat_merrow.png
| dp                    = 7
| ordnancepoints        = 45
| topspeed              = 130
| hullintegrity         = 1250
| armorrating           = 250
| fluxcapacity          = 2500
| fluxdissipation       = 300

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 200
| shieldupkeepsec       = 90
| shieldfluxdamage      = 0.55

| system                = Abyssal Current
| mounts                = 2x Small Universal &lt;br&gt; 2x Small Hybrid
| weapons               = 1x [[Abyssal Wave Emitter]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>9710651825d080b24542c7c3cb42a4e262861501</sha1>
  </revision>
  <revision>
    <id>382</id>
    <parentid>369</parentid>
    <timestamp>2024-03-29T02:09:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2009" xml:space="preserve">{{ShipInfobox
| name                  = Merrow
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Abyssal]]
| image                 = rat_merrow.png
| dp                    = 7
| ordnancepoints        = 45
| topspeed              = 130
| hullintegrity         = 1250
| armorrating           = 250
| fluxcapacity          = 2500
| fluxdissipation       = 300

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 200
| shieldupkeepsec       = 90
| shieldfluxdamage      = 0.55

| system                = Abyssal Current
| mounts                = 2x Small Universal &lt;br&gt; 2x Small Hybrid
| weapons               = 1x [[Abyssal Wave Emitter]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>25afc9f0d6fa1856d4ba2dc7d730e9c91e5945b3</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Makara</title>
  <ns>0</ns>
  <id>82</id>
  <revision>
    <id>370</id>
    <timestamp>2024-03-29T01:49:53Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Makara | designation           = Droneship | shipsize              = Frigate | design                = [[Abyssal]] | image                 = rat_makara.png | dp                    = 8 | ordnancepoints        = 55 | topspeed              = 95 | hullintegrity         = 1300 | armorrating           = 225 | fluxcapacity          = 2750 | fluxdissipation       = 300  | defense               = Front Shield | cloakactivationcost   =  | cl..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1406" xml:space="preserve">{{ShipInfobox
| name                  = Makara
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Abyssal]]
| image                 = rat_makara.png
| dp                    = 8
| ordnancepoints        = 55
| topspeed              = 95
| hullintegrity         = 1300
| armorrating           = 225
| fluxcapacity          = 2750
| fluxdissipation       = 300

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 90
| shieldfluxdamage      = 0.6

| system                = Abyssal Cloak
| mounts                = 1x Medium Hybrid &lt;br&gt; 2x Small Missile &lt;br&gt; 2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>0d3f97de61065d1cc1bfb58f783ae1e1acafecfd</sha1>
  </revision>
  <revision>
    <id>383</id>
    <parentid>370</parentid>
    <timestamp>2024-03-29T02:09:32Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1998" xml:space="preserve">{{ShipInfobox
| name                  = Makara
| designation           = Droneship
| shipsize              = Frigate
| design                = [[Abyssal]]
| image                 = rat_makara.png
| dp                    = 8
| ordnancepoints        = 55
| topspeed              = 95
| hullintegrity         = 1300
| armorrating           = 225
| fluxcapacity          = 2750
| fluxdissipation       = 300

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 90
| shieldfluxdamage      = 0.6

| system                = Abyssal Cloak
| mounts                = 1x Medium Hybrid &lt;br&gt; 2x Small Missile &lt;br&gt; 2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>fda58e87ac0bef38920d4af45a2f23687080a17e</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Chuul</title>
  <ns>0</ns>
  <id>83</id>
  <revision>
    <id>371</id>
    <timestamp>2024-03-29T01:59:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Chuul | designation           = Droneship | shipsize              = Destroyer | design                = [[Abyssal]] | image                 = rat_chuul.png | dp                    = 11 | ordnancepoints        = 110 | topspeed              = 90 | hullintegrity         = 5000 | armorrating           = 450 | fluxcapacity          = 5000 | fluxdissipation       = 400  | defense               = Omni Shield | cloakactivationcost   =  | c..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1406" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>946995327cd04149243dc22691e70d2888202b40</sha1>
  </revision>
  <revision>
    <id>372</id>
    <parentid>371</parentid>
    <timestamp>2024-03-29T02:02:50Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1721" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]].
As with other ships of the [[Abyssal]] Design Type, the ship gains different stats based on which abyssal core is equipped, with a penalty towards the shipsystem cooldown if there is none.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>0330f4cdecfd61bda014d74370e49c42da6ff1c1</sha1>
  </revision>
  <revision>
    <id>373</id>
    <parentid>372</parentid>
    <timestamp>2024-03-29T02:03:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1726" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;
As with other ships of the [[Abyssal]] Design Type, the ship gains different stats based on which abyssal core is equipped, with a penalty towards the shipsystem cooldown if there is none.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>be4570d6dc2b4342b98f21df1a09ab89dd1d5b5c</sha1>
  </revision>
  <revision>
    <id>374</id>
    <parentid>373</parentid>
    <timestamp>2024-03-29T02:04:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1737" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;
As with other ships with the [[Abyssal Adaptability]] Hullmod, the ship gains different stats based on which abyssal core is equipped, with a penalty towards the shipsystem cooldown if there is none.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>b3858618571f03c1a004721ce33ad61838eb505c</sha1>
  </revision>
  <revision>
    <id>375</id>
    <parentid>374</parentid>
    <timestamp>2024-03-29T02:04:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1734" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;
Like other ships with the [[Abyssal Adaptability]] Hullmod, the ship gains different stats based on which abyssal core is equipped, with a penalty towards the shipsystem cooldown if there is none.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>286fa375489a5010c0ab2355815c7f5f15b2a742</sha1>
  </revision>
  <revision>
    <id>376</id>
    <parentid>375</parentid>
    <timestamp>2024-03-29T02:04:49Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1729" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]].
Like other ships with the [[Abyssal Adaptability]] Hullmod, the ship gains different stats based on which abyssal core is equipped, with a penalty towards the shipsystem cooldown if there is none.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>830ebb47abb71b9cbb33b1ae7a9a2dcfe62d467b</sha1>
  </revision>
  <revision>
    <id>377</id>
    <parentid>376</parentid>
    <timestamp>2024-03-29T02:05:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1780" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;
Like other ships with the [[Abyssal Adaptability]] Hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>e83b93e7eda17b3a9ab6048f4d0808382aec3eee</sha1>
  </revision>
  <revision>
    <id>378</id>
    <parentid>377</parentid>
    <timestamp>2024-03-29T02:05:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1781" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] Hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>c794475ed4b88be6a0e1a357157724e996fda5f3</sha1>
  </revision>
  <revision>
    <id>379</id>
    <parentid>378</parentid>
    <timestamp>2024-03-29T02:07:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1859" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes this type of this a lot less dangerous if encountered without one.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>9d72a81c6019e181136e3fb3d1ae47b879416658</sha1>
  </revision>
  <revision>
    <id>380</id>
    <parentid>379</parentid>
    <timestamp>2024-03-29T02:08:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2002" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped ai-core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>6623ab0f35e634cab65a0309083d115758966621</sha1>
  </revision>
  <revision>
    <id>381</id>
    <parentid>380</parentid>
    <timestamp>2024-03-29T02:08:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1999" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>8c3546c65ec5612d0ec15122d3e2bebc2c6f8607</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Morkoth</title>
  <ns>0</ns>
  <id>84</id>
  <revision>
    <id>386</id>
    <timestamp>2024-03-29T02:14:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Morkoth | designation           = Droneship Battleship | shipsize              = Capital | design                = [[Abyssal]] | image                 = rat_morkoth.png | dp                    = 60 | ordnancepoints        = 300 | topspeed              = 50 | hullintegrity         = 18000 | armorrating           = 1300 | fluxcapacity          = 22000 | fluxdissipation       = 1500  | defense               = Omni Shield | cloakactiva..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2017" xml:space="preserve">{{ShipInfobox
| name                  = Morkoth
| designation           = Droneship Battleship
| shipsize              = Capital
| design                = [[Abyssal]]
| image                 = rat_morkoth.png
| dp                    = 60
| ordnancepoints        = 300
| topspeed              = 50
| hullintegrity         = 18000
| armorrating           = 1300
| fluxcapacity          = 22000
| fluxdissipation       = 1500

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 450
| shieldfluxdamage      = 0.75

| system                = Abyssal Charge
| mounts                = 1x Large Universal &lt;br&gt; 2x Large Hybrid &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 10x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>f0cadd996e27acf1fe0e88ef05d024f7f0669117</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Rat azazel.png</title>
  <ns>6</ns>
  <id>85</id>
  <revision>
    <id>387</id>
    <timestamp>2024-03-29T02:19:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Azazel</title>
  <ns>0</ns>
  <id>86</id>
  <revision>
    <id>388</id>
    <timestamp>2024-03-29T02:26:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Azazel | designation           = Droneship | shipsize              = Destroyer | design                = [[Primordial]] | image                 = rat_azazel.png | dp                    = 35 | ordnancepoints        = 100 | topspeed              = 120 | hullintegrity         = 16000 | armorrating           = 1400 | fluxcapacity          = 10000 | fluxdissipation       = 700  | defense               = Front Shield | cloakactivationcos..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1534" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired through the [[Singularity]] Encounter.

The Azazel is made out of multiple modules.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>f8024d65d3713523c307a0124d9e1fc5a5a03231</sha1>
  </revision>
  <revision>
    <id>389</id>
    <parentid>388</parentid>
    <timestamp>2024-03-29T02:36:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2846" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] Encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>4f6573c59eb079724ee5badacccf40a3452990f9</sha1>
  </revision>
  <revision>
    <id>390</id>
    <parentid>389</parentid>
    <timestamp>2024-03-29T02:38:00Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2846" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>5b249382ba9336a5a368136885698be70ade122e</sha1>
  </revision>
  <revision>
    <id>395</id>
    <parentid>390</parentid>
    <timestamp>2024-03-29T02:45:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2926" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

&lt;gallery widths=300px heights=200px&gt;
Azazel.gif| The Azazel in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>6a4b5d7c121cbfb74241ea5059c3f070e2726998</sha1>
  </revision>
  <revision>
    <id>397</id>
    <parentid>395</parentid>
    <timestamp>2024-03-29T02:49:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2971" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

&lt;gallery widths=300px heights=200px&gt;
Azazel.gif| The Azazel in use.
Azazel-Refit.gif| The Azazel shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>9f851e03736a73ad2a880ba6f9f311cc9d7e3ad8</sha1>
  </revision>
  <revision>
    <id>401</id>
    <parentid>397</parentid>
    <timestamp>2024-03-29T03:22:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2969" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Cruiser
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

&lt;gallery widths=300px heights=200px&gt;
Azazel.gif| The Azazel in use.
Azazel-Refit.gif| The Azazel shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>910fcbc06c190db82f750c52f289b4cc6fc6b6b8</sha1>
  </revision>
  <revision>
    <id>402</id>
    <parentid>401</parentid>
    <timestamp>2024-03-29T03:28:06Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2974" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Cruiser
| design                = [[Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal &lt;br&gt; 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

&lt;gallery widths=300px heights=200px&gt;
Azazel.gif| The Azazel in use.
Azazel-Refit.gif| The Azazel shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>12d29f1276c447a9a97bfd66909709c1ec6020ad</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Rat genesis.png</title>
  <ns>6</ns>
  <id>87</id>
  <revision>
    <id>391</id>
    <timestamp>2024-03-29T02:38:38Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Rat genesis frigate.png</title>
  <ns>6</ns>
  <id>88</id>
  <revision>
    <id>392</id>
    <timestamp>2024-03-29T02:38:50Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Rat genesis frigate2.png</title>
  <ns>6</ns>
  <id>89</id>
  <revision>
    <id>393</id>
    <timestamp>2024-03-29T02:38:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Azazel.gif</title>
  <ns>6</ns>
  <id>90</id>
  <revision>
    <id>394</id>
    <timestamp>2024-03-29T02:44:50Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Azazel-Refit.gif</title>
  <ns>6</ns>
  <id>91</id>
  <revision>
    <id>396</id>
    <timestamp>2024-03-29T02:49:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Genesis.gif</title>
  <ns>6</ns>
  <id>92</id>
  <revision>
    <id>398</id>
    <timestamp>2024-03-29T03:19:11Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Main Page</title>
  <ns>0</ns>
  <id>1</id>
  <revision>
    <id>399</id>
    <parentid>348</parentid>
    <timestamp>2024-03-29T03:20:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2439" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

The Wikis theme can be changed under the "Appearance" option on the top bar. &lt;br&gt;
The available themes are: Abyssal, Exotech, Starsector.

This wiki contains spoilers for the entire mod.

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>1b7b6b52757a043e0ef1a5168daaa7c742080e85</sha1>
  </revision>
  <revision>
    <id>400</id>
    <parentid>399</parentid>
    <timestamp>2024-03-29T03:21:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2445" xml:space="preserve">{{MainPageInfobox
| name                  = Random Assortment of Things
| image                 = MainPageBanner.png
| version               = 2.1.0
| gameversion           = 0.97a
| dependencies          = [https://fractalsoftworks.com/forum/index.php?topic=5444.0 LazyLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25868.0 Magiclib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=10982.0 GraphicsLib] &lt;br&gt; [https://fractalsoftworks.com/forum/index.php?topic=25658.0 LunaLib]
}}

'''Random Assortments of Things (RAT)''' is a content mod for the game [https://starsector.wiki.gg/wiki/Starsector_Wiki Starsector]. &lt;br&gt;
It adds multiple expansions, each filled with unique content and new features for the game. &lt;br&gt;
The mod is fully configureable and allows disabling each individual expansion. &lt;br&gt; 

The Wikis theme can be changed under the "Appearance" option on the top bar. &lt;br&gt;
The available themes are: Abyssal, Exotech, Starsector.

'''This wiki contains spoilers for the entire mod.'''

== Links ==

[https://fractalsoftworks.com/forum/index.php?topic=26260.0 Forum Page] &lt;br&gt;
[https://discord.gg/wgDCgS7PF3 Discord Server] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases/latest/download/Random-Assortment-of-Things.zip Latest Download] &lt;br&gt;
[https://github.com/Lukas22041/Random-Assortment-of-Things/releases Changelog &amp; Older Versions] &lt;br&gt;

== Expansions ==

* [[Abyssal Depths]] - An atmospheric dungeon of connected systems, filled to the brim with new encounters and loot.
* [[Exotech]] - A minifaction with a phase &amp; carrier doctrine, showcasing unique shipsystems.
* [[Relics of the Past]] - Enhances the sector with more exploration encounters and planetary conditions.
* [[Frontiers]] - Allows the construction of "Settlements", a smaller &amp; less time consuming alternative to colonies.
* [[Backgrounds]] - Adds more selections to [https://fractalsoftworks.com/forum/index.php?topic=9175.0 Nexerelins] Background system.

== Content ==

* [[:Category:Ships|Ships]]
* [[:Category:Weapons|Weapons]]
* [[:Category:Fighters|Fighters]]
* [[:Category:Hullmods|Hullmods]]
* [[:Category:Items|Items]]
* [[:Category:Encounters|Encounters]]
* [[:Category:Bosses|Bosses]]

== Mod Credits ==

* [https://twitter.com/Zocklukas Lukas04] - Design &amp; Implementation.
* SnazzypantsMcGee - Spritework.
* [https://soundcloud.com/haplogynae Haplogynae] - Music &amp; Sounds.
* Anulackk - Illustrations.</text>
    <sha1>d719d933cc10835c89bf39c59c2135ab35542f41</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>Genesis</title>
  <ns>0</ns>
  <id>93</id>
  <revision>
    <id>403</id>
    <timestamp>2024-03-29T03:30:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Genesis | designation           = Protector | shipsize              = Capital | design                = [[Primordial]] | image                 = rat_genesis.png | dp                    = 75 | ordnancepoints        = 280 | topspeed              = 40 | hullintegrity         = 18000 | armorrating           = 1400 | fluxcapacity          = 16000 | fluxdissipation       = 1400  | defense               = Front Shield | cloakactivationcos..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1712" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The Azazel in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>a1de5bc0270ee5fd0d05eec872d4fcc99f26ddcb</sha1>
  </revision>
  <revision>
    <id>404</id>
    <parentid>403</parentid>
    <timestamp>2024-03-29T03:30:39Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1732" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>42a24d6e111a4652ef232c3a9ffaf467fbfe3265</sha1>
  </revision>
  <revision>
    <id>405</id>
    <parentid>404</parentid>
    <timestamp>2024-03-29T03:38:20Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2537" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems at the same time. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>7081f8849339f2096d26369d0e0f0136117b2b0f</sha1>
  </revision>
  <revision>
    <id>406</id>
    <parentid>405</parentid>
    <timestamp>2024-03-29T03:39:10Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2586" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems at the same time. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=200px heights=200px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>e593b7c836603f971251ab107276a6b1bdec932f</sha1>
  </revision>
  <revision>
    <id>407</id>
    <parentid>406</parentid>
    <timestamp>2024-03-29T03:40:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2586" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems at the same time. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>983dc14690fa2b4bcfbaf03d642d5798547ae8f1</sha1>
  </revision>
  <revision>
    <id>408</id>
    <parentid>407</parentid>
    <timestamp>2024-03-29T03:40:45Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2588" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>741c17e8bcbd628c9d2e3de1c53b978b2b1c21f5</sha1>
  </revision>
  <revision>
    <id>409</id>
    <parentid>408</parentid>
    <timestamp>2024-03-29T03:41:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2593" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>26cf369698f53615db4dd46545fa731caed7e4cd</sha1>
  </revision>
  <revision>
    <id>411</id>
    <parentid>409</parentid>
    <timestamp>2024-03-29T03:44:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

&lt;gallery widths=400px heights=400px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>c7b9cda540cfa6b5ea04479a5c22e2f94614140a</sha1>
  </revision>
  <revision>
    <id>412</id>
    <parentid>411</parentid>
    <timestamp>2024-03-29T03:44:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

&lt;gallery widths=400px heights=200px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>b3cb3cd50de8045b9c026b03b6272004e0bd66f1</sha1>
  </revision>
  <revision>
    <id>413</id>
    <parentid>412</parentid>
    <timestamp>2024-03-29T03:44:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

&lt;gallery widths=400px heights=150px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>4985e63afc059ce7fe81a6dc3380a0909951906c</sha1>
  </revision>
</page>
<page arvcontinue="20240329013149|360">
  <title>File:Rat genesis illustration.jpg</title>
  <ns>6</ns>
  <id>94</id>
  <revision>
    <id>410</id>
    <timestamp>2024-03-29T03:43:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Genesis</title>
  <ns>0</ns>
  <id>93</id>
  <revision>
    <id>414</id>
    <parentid>413</parentid>
    <timestamp>2024-03-29T03:45:08Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

&lt;gallery widths=400px heights=220px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>907e6fd53d8714400e862da542312e5b946932e9</sha1>
  </revision>
  <revision>
    <id>415</id>
    <parentid>414</parentid>
    <timestamp>2024-03-29T03:45:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

&lt;gallery widths=300px heights=180px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>17c98a3e7523107fa78a74a1bf9d22c45fdeada4</sha1>
  </revision>
  <revision>
    <id>416</id>
    <parentid>415</parentid>
    <timestamp>2024-03-29T03:45:51Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

&lt;gallery widths=340px heights=180px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>5ed1668d3c82e60fc822f20070e6d4cc79f521d1</sha1>
  </revision>
  <revision>
    <id>417</id>
    <parentid>416</parentid>
    <timestamp>2024-03-29T03:46:06Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=340px heights=180px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>bf3acd94fe402c38814b9c0dea5608176414b917</sha1>
  </revision>
  <revision>
    <id>418</id>
    <parentid>417</parentid>
    <timestamp>2024-03-29T03:46:20Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=320px heights=180px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>ba8b6b83cd3c63aa4d0b817d425110cfa7bc7735</sha1>
  </revision>
  <revision>
    <id>419</id>
    <parentid>418</parentid>
    <timestamp>2024-03-29T03:46:35Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=200px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=300px heights=200px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>fd721c725d17995de4fa16918d89a3d0382c94b4</sha1>
  </revision>
  <revision>
    <id>420</id>
    <parentid>419</parentid>
    <timestamp>2024-03-29T03:46:57Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2701" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=160px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
&lt;/gallery&gt;

&lt;gallery widths=300px heights=160px&gt;
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>7e45ed3cb6abf9a24f51e235c2be25586cf2d5ff</sha1>
  </revision>
  <revision>
    <id>421</id>
    <parentid>420</parentid>
    <timestamp>2024-03-29T03:47:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2652" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=300px heights=160px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;

&lt;gallery widths=150px heights=150px&gt;
rat_genesis_frigate2.png | Attack Frigate
rat_genesis_frigate.png | Support Frigate
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>24263b8fc7ebb1be155808043a522c486f3aec8d</sha1>
  </revision>
  <revision>
    <id>422</id>
    <parentid>421</parentid>
    <timestamp>2024-03-29T03:48:20Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2520" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=320px heights=180px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
Rat_genesis_illustration.jpg | Illustration of the Genesis
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>6222672b2fedd3edc3dfb5993828e967c1644cb8</sha1>
  </revision>
  <revision>
    <id>423</id>
    <parentid>422</parentid>
    <timestamp>2024-03-29T03:48:46Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2554" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=320px heights=180px&gt;
Genesis.gif| The "Primordial Sea" subsystem in use.
Rat_genesis_illustration.jpg | Illustration of the Genesis from the "Singularity" Encounter.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>3646d875decd145e47ec5162a7bb3288d1935c09</sha1>
  </revision>
  <revision>
    <id>425</id>
    <parentid>423</parentid>
    <timestamp>2024-03-29T03:51:00Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2595" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=320px heights=180px&gt;
Genesis-Flight.gif | The Genesis ingame.
Genesis.gif| The "Primordial Sea" subsystem in use.
Rat_genesis_illustration.jpg | Illustration of the Genesis from the "Singularity" Encounter.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>42e40ca2a3e5313f3fd18f9b9c538a3ce76d151b</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Genesis-Flight.gif</title>
  <ns>6</ns>
  <id>95</id>
  <revision>
    <id>424</id>
    <timestamp>2024-03-29T03:50:39Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>User:Lukas04</title>
  <ns>2</ns>
  <id>96</id>
  <revision>
    <id>426</id>
    <timestamp>2024-03-29T04:38:26Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:AbolethF.gif</title>
  <ns>6</ns>
  <id>97</id>
  <revision>
    <id>427</id>
    <timestamp>2024-03-29T12:59:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Aboleth (F)</title>
  <ns>0</ns>
  <id>80</id>
  <revision>
    <id>428</id>
    <parentid>385</parentid>
    <timestamp>2024-03-29T13:00:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2110" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>62322c1c32d3f9fc7fdc2567707cf809d1f301ec</sha1>
  </revision>
  <revision>
    <id>429</id>
    <parentid>428</parentid>
    <timestamp>2024-03-29T13:01:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2269" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different types. This version is equipped with two Fighter bays, while the [Aboleth (M)] comes with 2 medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>55570afa3c4eeaeaa9c50de8a52511f3084c6ec3</sha1>
  </revision>
  <revision>
    <id>430</id>
    <parentid>429</parentid>
    <timestamp>2024-03-29T13:02:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2271" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different types. This version is equipped with two Fighter bays, while the [[Aboleth (M)]] comes with 2 medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>1dbd91d4451eaefe872804d47601d51639b03737</sha1>
  </revision>
  <revision>
    <id>431</id>
    <parentid>430</parentid>
    <timestamp>2024-03-29T13:02:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2274" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different types. This version is equipped with two Fighter bays, where as the [[Aboleth (M)]] comes with 2 medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>48f2711dc474e42f2502373f00f61032ed806b43</sha1>
  </revision>
  <revision>
    <id>432</id>
    <parentid>431</parentid>
    <timestamp>2024-03-29T13:02:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2276" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different types. This version is equipped with two Fighter bays, where as the [[Aboleth (M)]] comes with two medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>7f62ded547c96831743293a81adab9f70b322ec9</sha1>
  </revision>
  <revision>
    <id>433</id>
    <parentid>432</parentid>
    <timestamp>2024-03-29T13:05:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2279" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two Fighter bays, where as the [[Aboleth (M)]] comes with two medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>2e2c0fa217ffebf6e80bc63d966387c84ff4625b</sha1>
  </revision>
  <revision>
    <id>437</id>
    <parentid>433</parentid>
    <timestamp>2024-03-29T13:11:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2327" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two Fighter bays, where as the [[Aboleth (M)]] comes with two medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
MainPageBanner.png | A 3D model of the Aboleth.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>41edb891bf0d07c3b80022f5134da48261a635c7</sha1>
  </revision>
  <revision>
    <id>438</id>
    <parentid>437</parentid>
    <timestamp>2024-03-29T13:11:27Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2279" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two Fighter bays, where as the [[Aboleth (M)]] comes with two medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>2e2c0fa217ffebf6e80bc63d966387c84ff4625b</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:AbolethM.gif</title>
  <ns>6</ns>
  <id>98</id>
  <revision>
    <id>434</id>
    <timestamp>2024-03-29T13:08:15Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Aboleth (M)</title>
  <ns>0</ns>
  <id>79</id>
  <revision>
    <id>435</id>
    <parentid>384</parentid>
    <timestamp>2024-03-29T13:09:33Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2304" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (M)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth_m.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 2x Medium Missile &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two medium missile mounts, where as the [[Aboleth (F)]] comes with two fighter bays instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethM.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>f62f22d055011b4bfdee99d3cfb9e1a9bf32b7b3</sha1>
  </revision>
  <revision>
    <id>436</id>
    <parentid>435</parentid>
    <timestamp>2024-03-29T13:10:03Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2290" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (M)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[Abyssal]]
| image                 = rat_aboleth_m.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 2x Medium Missile &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two medium missile mounts, where as the [[Aboleth (F)]] comes with two fighter bays instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethM.gif | The aboleth in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>1026732bfe28aceb76b99eb8699a2e61abf13c61</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat apheidas.png</title>
  <ns>6</ns>
  <id>99</id>
  <revision>
    <id>439</id>
    <timestamp>2024-03-29T13:13:07Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat arkas.png</title>
  <ns>6</ns>
  <id>100</id>
  <revision>
    <id>440</id>
    <timestamp>2024-03-29T13:13:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat leanira.png</title>
  <ns>6</ns>
  <id>101</id>
  <revision>
    <id>441</id>
    <timestamp>2024-03-29T13:13:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat nightblade.png</title>
  <ns>6</ns>
  <id>102</id>
  <revision>
    <id>442</id>
    <timestamp>2024-03-29T13:13:34Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat dawnblade.png</title>
  <ns>6</ns>
  <id>103</id>
  <revision>
    <id>443</id>
    <timestamp>2024-03-29T13:13:39Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat protostar.png</title>
  <ns>6</ns>
  <id>104</id>
  <revision>
    <id>444</id>
    <timestamp>2024-03-29T13:13:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat thestia.png</title>
  <ns>6</ns>
  <id>105</id>
  <revision>
    <id>445</id>
    <timestamp>2024-03-29T13:13:53Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Rat tylos.png</title>
  <ns>6</ns>
  <id>106</id>
  <revision>
    <id>446</id>
    <timestamp>2024-03-29T13:13:59Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Tylos.gif</title>
  <ns>6</ns>
  <id>107</id>
  <revision>
    <id>447</id>
    <timestamp>2024-03-29T13:28:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>File:Tylos-Refit.gif</title>
  <ns>6</ns>
  <id>108</id>
  <revision>
    <id>448</id>
    <timestamp>2024-03-29T13:29:17Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Tylos</title>
  <ns>0</ns>
  <id>109</id>
  <revision>
    <id>449</id>
    <timestamp>2024-03-29T13:30:11Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Tylos | designation           = Destroyer | shipsize              = Destroyer | design                = [[Exo-Tech]] | image                 = rat_tylos.png | dp                    = 16 | ordnancepoints        = 110 | topspeed              = 100 | hullintegrity         = 8000 | armorrating           = 800 | fluxcapacity          = 6000 | fluxdissipation       = 600  | defense               = Phaseclaok | cloakactivationcost   = 150..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1647" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[Exo-Tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. &lt;br&gt;

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>6f0ce854dd3bbb6c82054cefc5ba4af481734647</sha1>
  </revision>
  <revision>
    <id>450</id>
    <parentid>449</parentid>
    <timestamp>2024-03-29T13:31:02Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1736" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[Exo-Tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Wreckage]] encounter. &lt;br&gt;

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>ad0b64799f909d0a270b6a6eed65fce234234e82</sha1>
  </revision>
  <revision>
    <id>458</id>
    <parentid>450</parentid>
    <timestamp>2024-03-29T13:37:30Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1735" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[Exo-Tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>533b8a870eb3791b839db66c3b0a6ae74c4a379f</sha1>
  </revision>
  <revision>
    <id>459</id>
    <parentid>458</parentid>
    <timestamp>2024-03-29T13:42:58Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2419" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[Exo-Tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate Kinetic and High-Explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>c3df707904b3c1a117fab8a5c928f9578888cedb</sha1>
  </revision>
  <revision>
    <id>460</id>
    <parentid>459</parentid>
    <timestamp>2024-03-29T13:43:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2437" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exotech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate Kinetic and High-Explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>22b4c745061aa66b4202a62f6a711a11eb4d0408</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Category:Abyssal Depths</title>
  <ns>14</ns>
  <id>110</id>
  <revision>
    <id>451</id>
    <timestamp>2024-03-29T13:31:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>456</id>
    <parentid>451</parentid>
    <timestamp>2024-03-29T13:35:47Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="124" xml:space="preserve">This is a category for Abyssal Depths content. If you are looking for the Expansion, go towards the [[Abyssal Depths]] page.</text>
    <sha1>ecae7029056f6a32ae701249b64589ecc7f2687d</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Category:Exotech</title>
  <ns>14</ns>
  <id>111</id>
  <revision>
    <id>452</id>
    <timestamp>2024-03-29T13:32:09Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>455</id>
    <parentid>452</parentid>
    <timestamp>2024-03-29T13:35:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="118" xml:space="preserve">This is a category for Exotech content. If you are looking for the Expansion/Faction, go towards the [[Exotech]] page.</text>
    <sha1>3b1f40f4a901c9810a0113a0e8c7db3b226f3331</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Category:Exo-Tech</title>
  <ns>14</ns>
  <id>112</id>
  <revision>
    <id>453</id>
    <timestamp>2024-03-29T13:34:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "This is a category of the "Exo-Tech" design type. If you are looking for the Expansion/Faction, go to [[Exotech]]"</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="113" xml:space="preserve">This is a category of the "Exo-Tech" design type. If you are looking for the Expansion/Faction, go to [[Exotech]]</text>
    <sha1>c16e624f30e7fbd5615fff853cf6478e8854630f</sha1>
  </revision>
  <revision>
    <id>454</id>
    <parentid>453</parentid>
    <timestamp>2024-03-29T13:34:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="123" xml:space="preserve">This is a category of the "Exo-Tech" design type. If you are looking for the Expansion/Faction, go to the [[Exotech]] page.</text>
    <sha1>5e0ade266bb4e4f652093ed4ea894546c9fef342</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Category:Primordial</title>
  <ns>14</ns>
  <id>113</id>
  <revision>
    <id>457</id>
    <timestamp>2024-03-29T13:36:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created blank page</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Merrow</title>
  <ns>0</ns>
  <id>81</id>
  <revision>
    <id>461</id>
    <parentid>382</parentid>
    <timestamp>2024-03-29T13:44:05Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2027" xml:space="preserve">{{ShipInfobox
| name                  = Merrow
| designation           = Droneship
| shipsize              = Frigate
| design                = [[:Category:Abyssal|Abyssal]]
| image                 = rat_merrow.png
| dp                    = 7
| ordnancepoints        = 45
| topspeed              = 130
| hullintegrity         = 1250
| armorrating           = 250
| fluxcapacity          = 2500
| fluxdissipation       = 300

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 200
| shieldupkeepsec       = 90
| shieldfluxdamage      = 0.55

| system                = Abyssal Current
| mounts                = 2x Small Universal &lt;br&gt; 2x Small Hybrid
| weapons               = 1x [[Abyssal Wave Emitter]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>adbda3ccc9c8a6aed4a683155c1c137c5d551bd6</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Makara</title>
  <ns>0</ns>
  <id>82</id>
  <revision>
    <id>462</id>
    <parentid>383</parentid>
    <timestamp>2024-03-29T13:44:19Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2016" xml:space="preserve">{{ShipInfobox
| name                  = Makara
| designation           = Droneship
| shipsize              = Frigate
| design                = [[:Category:Abyssal|Abyssal]]
| image                 = rat_makara.png
| dp                    = 8
| ordnancepoints        = 55
| topspeed              = 95
| hullintegrity         = 1300
| armorrating           = 225
| fluxcapacity          = 2750
| fluxdissipation       = 300

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 90
| shieldfluxdamage      = 0.6

| system                = Abyssal Cloak
| mounts                = 1x Medium Hybrid &lt;br&gt; 2x Small Missile &lt;br&gt; 2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>6b7a6674482db14b145875b0336f6efe0c4738fb</sha1>
  </revision>
</page>
<page arvcontinue="20240329034508|414">
  <title>Chuul</title>
  <ns>0</ns>
  <id>83</id>
  <revision>
    <id>463</id>
    <parentid>381</parentid>
    <timestamp>2024-03-29T13:44:32Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2017" xml:space="preserve">{{ShipInfobox
| name                  = Chuul
| designation           = Droneship
| shipsize              = Destroyer
| design                = [[:Category:Abyssal|Abyssal]]
| image                 = rat_chuul.png
| dp                    = 11
| ordnancepoints        = 110
| topspeed              = 90
| hullintegrity         = 5000
| armorrating           = 450
| fluxcapacity          = 5000
| fluxdissipation       = 400

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 190
| shieldupkeepsec       = 120
| shieldfluxdamage      = 0.6

| system                = Abyssal Skimmer
| mounts                = 1x Universal &lt;br&gt; 1x Medium Hybrid &lt;br&gt; 4x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>4228f3341fe78e4bd9991be2eefc318afe273090</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Aboleth (M)</title>
  <ns>0</ns>
  <id>79</id>
  <revision>
    <id>464</id>
    <parentid>436</parentid>
    <timestamp>2024-03-29T13:44:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2308" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (M)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Abyssal|Abyssal]]
| image                 = rat_aboleth_m.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 2x Medium Missile &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two medium missile mounts, where as the [[Aboleth (F)]] comes with two fighter bays instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethM.gif | The aboleth in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>41dcb1ad32568f9914c12def7e2d8050e0f8d9b3</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Aboleth (F)</title>
  <ns>0</ns>
  <id>80</id>
  <revision>
    <id>465</id>
    <parentid>438</parentid>
    <timestamp>2024-03-29T13:45:04Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2297" xml:space="preserve">{{ShipInfobox
| name                  = Aboleth (F)
| designation           = Droneship Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Abyssal|Abyssal]]
| image                 = rat_aboleth.png
| dp                    = 28
| ordnancepoints        = 165
| topspeed              = 65
| hullintegrity         = 8000
| armorrating           = 900
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 210
| shieldfluxdamage      = 0.7

| system                = Abyssal Cloak
| mounts                = 1x Large Universal &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 4x Small hybrid &lt;br&gt; 2x Small Energy
| flightdecks           = 2
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

The Aboleth comes in two different versions. This version is equipped with two Fighter bays, where as the [[Aboleth (M)]] comes with two medium missile mounts instead.

&lt;gallery widths=320px heights=180px&gt;
AbolethF.gif | The aboleth using its shipsystem.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>b6a4db351056e0fa27cf8f82df0fa61f9bfa2d53</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Morkoth</title>
  <ns>0</ns>
  <id>84</id>
  <revision>
    <id>466</id>
    <parentid>386</parentid>
    <timestamp>2024-03-29T13:45:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2035" xml:space="preserve">{{ShipInfobox
| name                  = Morkoth
| designation           = Droneship Battleship
| shipsize              = Capital
| design                = [[:Category:Abyssal|Abyssal]]
| image                 = rat_morkoth.png
| dp                    = 60
| ordnancepoints        = 300
| topspeed              = 50
| hullintegrity         = 18000
| armorrating           = 1300
| fluxcapacity          = 22000
| fluxdissipation       = 1500

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 450
| shieldfluxdamage      = 0.75

| system                = Abyssal Charge
| mounts                = 1x Large Universal &lt;br&gt; 2x Large Hybrid &lt;br&gt; 3x Medium Hybrid &lt;br&gt; 10x Small Energy
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Abyssal Adaptability]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind...|In-Game Description}}

== Description ==

A ship that appears within the [[Abyssal Depths]]. It is usually crewed by either an [[Cosmos Core]] or an [[Chronos Core]]. &lt;br&gt;

Like other ships with the [[Abyssal Adaptability]] hullmod, the ship gains different stats based on which abyssal core is equipped. If the ship does not have an AI-Core installed, it receives a penalty towards the cooldown of it's shipsystem. This makes it a lot less dangerous if encountered without one. The stat-boost comes in addition to the signature skill of the equipped core, causing the ship to have different behaviours depending on which one it has.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Abyssal]]</text>
    <sha1>9d9b59c5086ba8bd0643323a0bfab378118c7898</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Raguel</title>
  <ns>0</ns>
  <id>70</id>
  <revision>
    <id>467</id>
    <parentid>360</parentid>
    <timestamp>2024-03-29T13:46:25Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1663" xml:space="preserve">{{ShipInfobox
| name                  = Raguel
| designation           = Droneship
| shipsize              = Frigate
| design                = [[:Category:Seraph|Seraph]]
| image                 = rat_raguel.png
| dp                    = 14
| ordnancepoints        = 65
| topspeed              = 110
| hullintegrity         = 4000
| armorrating           = 400
| fluxcapacity          = 4500
| fluxdissipation       = 450

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 180
| shieldfluxdamage      = 0.75

| system                = Temporal Dash
| mounts                = 2x Medium Hybrid&lt;br /&gt;2x Small Energy
| weapons               = 
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Raguel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>b5226082269ec2e99a7043f9c02cc74cce1a88fa</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Sariel</title>
  <ns>0</ns>
  <id>13</id>
  <revision>
    <id>468</id>
    <parentid>349</parentid>
    <timestamp>2024-03-29T13:46:36Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2810" xml:space="preserve">{{ShipInfobox
| name                  = Sariel
| designation           = Heavy Droneship
| shipsize              = Destroyer
| design                = [[:Category:Seraph|Seraph]]
| image                 = rat_sariel.png
| dp                    = 18
| ordnancepoints        = 115
| topspeed              = 80
| hullintegrity         = 7000
| armorrating           = 750
| fluxcapacity          = 8000
| fluxdissipation       = 500

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 200
| shieldfluxdamage      = 0.8

| system                = Offensive Override
| mounts                = 1x Large Universal&lt;br /&gt;2x Medium Hybrid
| weapons               = 2x [[Regenerative Microlauncher]]
| flightdecks           = 0
| hullmods              = [[Abyssal Grid]], [[Seraphs Grace]] [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull with no official records of its existance, found within the abyssal depths. Some of its properties resemble that of old domain-era drones that were made use of to explore the abyss without the human element getting in the way. Aside from those slight similarities however, the hull is very unlike its presumed predecessor, appearing designed with combat capabilities in mind. Some unknown type of energy is emitted from the center of the ship..|In-Game Description}}

== Description ==

The Sariel is a heavy destroyer that can be found within the deep levels of the [[Abyssal Depths]], where it can rarely appear in normal fleets. It will always have a [[Seraph Core]] as its officer.

As part of the [[Seraph]] line-up, the Sariel is a ship focused on both high aggressiveness and increased hull and armor specifications compared to a normal abyssal ship. Its shipsystem causes it to temporarily decrease its weapons range and disable its own shield in exchange for increased offensive and defensive potential. This allows it to safely close in and deal a massive amount of damage within short time periods.

It comes equipped with two [[Regenerative Microlaunchers]] as its unique built-in equipment. These missile weapons unleash a burst of small missiles upon targets, but can only recharge their ammunition whenever the ship deals damage towards opponents with its other weapons.

The [[Seraphs Grace]] hullmod increases its stats within the abyss, causing it to have a much larger threat level than ships without the hullmod. Combined with the unique skill of the seraph ai-core, it can quickly become a hard to stop threat if left unchecked for to long.

&lt;gallery widths=300px heights=200px&gt;
Sariel.gif| The sariel using its shipsystem and firing its micromissiles.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Seraph]]</text>
    <sha1>4fea0bc19820dcfc28ead31cb698005086fd4bee</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Azazel</title>
  <ns>0</ns>
  <id>86</id>
  <revision>
    <id>469</id>
    <parentid>402</parentid>
    <timestamp>2024-03-29T13:47:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2995" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Cruiser
| design                = [[:Category:Primordial|Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal &lt;br&gt; 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

&lt;gallery widths=300px heights=200px&gt;
Azazel.gif| The Azazel in use.
Azazel-Refit.gif| The Azazel shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>fb26d8ca1ea8964d1241e8b4014df867db11a3a5</sha1>
  </revision>
  <revision>
    <id>472</id>
    <parentid>469</parentid>
    <timestamp>2024-03-29T13:47:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="3016" xml:space="preserve">{{ShipInfobox
| name                  = Azazel
| designation           = Droneship
| shipsize              = Cruiser
| design                = [[:Category:Primordial|Primordial]]
| image                 = rat_azazel.png
| dp                    = 35
| ordnancepoints        = 100
| topspeed              = 120
| hullintegrity         = 16000
| armorrating           = 1400
| fluxcapacity          = 10000
| fluxdissipation       = 700

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 245
| shieldfluxdamage      = 0.9

| system                = Primordial Cloak
| mounts                = 1x Medium Universal &lt;br&gt; 3x Medium Energy
| weapons               = 1x [[Primordial Flame]]
| flightdecks           = 0
| hullmods              = [[Primordial Construct]], [[Primordial Serpent]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. The ship is constructed out of a chain of individual and incredibly flexible parts. No known material matches the tensile strength represented within the components of this ship...|In-Game Description}}

== Description ==

A unique ship of the [[:Category:Primordial|Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The ship can '''not''' strafe, making the aspect of controlling it trickier. &lt;br&gt;
The Azazel is made out of multiple modules. They consist of:

* 1x Head Module
* 2x Spine Modules
* 1x Midsection Module
* 1x Tail Module

Instead of having seperate hitpoints, every module shares the same amount of hitpoints, working based on whichever module has the least hitpoints at the moment. This effectively means that if one module were to be destroyed, the entire ship will go down. However each module holds its own seperate armor value. All modules with the exception of the spine module can be refitted by the player. The Spine modules also have the least amount of armor, and due to being unable to put hullmods on them, cant have their armor increased to a value higher than its base stat.

The ships headpiece is equipped with the unique [[Primordial Flame]] built-in. It is a large and destructive flamethrower with limited but rechargeable ammo, of which the maximum can not be increased through stat increases. While the ship has ammunition within this weapon, it will attack opponents from the front. When it is out of ammunition, the ships ai will switch in to broadside mode.

Under the AIs control it is more wreckless than other automated ships, rushing in to dangerous encounters, often not leaving them even if the conditions for it worsen.

&lt;gallery widths=300px heights=200px&gt;
Azazel.gif| The Azazel in use.
Azazel-Refit.gif| The Azazel shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>457d427bc5d4d5a2002ff17ecf3bfde893d93caa</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Genesis</title>
  <ns>0</ns>
  <id>93</id>
  <revision>
    <id>470</id>
    <parentid>425</parentid>
    <timestamp>2024-03-29T13:47:13Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2616" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[:Category:Primordial|Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=320px heights=180px&gt;
Genesis-Flight.gif | The Genesis ingame.
Genesis.gif| The "Primordial Sea" subsystem in use.
Rat_genesis_illustration.jpg | Illustration of the Genesis from the "Singularity" Encounter.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>5e28e631ab1bca5dc93c2b4bdf57a90c524412ee</sha1>
  </revision>
  <revision>
    <id>471</id>
    <parentid>470</parentid>
    <timestamp>2024-03-29T13:47:32Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2637" xml:space="preserve">{{ShipInfobox
| name                  = Genesis
| designation           = Protector
| shipsize              = Capital
| design                = [[:Category:Primordial|Primordial]]
| image                 = rat_genesis.png
| dp                    = 75
| ordnancepoints        = 280
| topspeed              = 40
| hullintegrity         = 18000
| armorrating           = 1400
| fluxcapacity          = 16000
| fluxdissipation       = 1400

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 560
| shieldfluxdamage      = 0.9

| system                = Spatial Disturbance
| mounts                = 2x Large Hybrid &lt;br&gt; 3x Medium Energy
| weapons               = 2x [[Distortion Launcher]] &lt;br&gt; 2x [[Distortion Launcher (PD]]
| flightdecks           = 0
| hullmods              = [[Beginning and the End]], [[Primordial Sea]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A hull similar to those encountered before, however while some glimpses of their properties remain, it is mutiliated beyond recognition. Fleet Operations around this ship are dangerous for the fleet at large. The constant and unending spatial instability around it make it a threat to any other hull nearby, and with much of its workings poorly understood, it is unknown what actions may trigger any fatalities...|In-Game Description}}

== Description ==

A unique ship of the [[:Category:Primordial|Primordial]] design type. Only one of it can ever be acquired per save from the [[Singularity]] encounter.

The Genesis main standout feature is the fact that it has two shipsystems within its arsenal. Its main shipsystem is "Spatial Disturbance", which gives it a short increase in speed and timeflow, which it can have multiple stacks of. However its signature ability is its subsystem, the "Primordial Sea" ability. Once activated, a large zone expands from the ship, revealing a horde of frigates from beneath. This zone stays active for a total of 15 seconds, during which the frigates will charge in to any nearby opponent they can find.

Together with its main hullmod, which increases the strength of energy weapons and heavily decreases any emp damage taken, it manages to make up for the relatively few mounts located on it.

&lt;gallery widths=320px heights=180px&gt;
Genesis-Flight.gif | The Genesis ingame.
Genesis.gif| The "Primordial Sea" subsystem in use.
Rat_genesis_illustration.jpg | Illustration of the Genesis from the "Singularity" Encounter.
&lt;/gallery&gt;


{{ShipNavbox}}

[[Category:Abyssal Depths]][[Category:Primordial]]</text>
    <sha1>28997cefbd79e74d7848cd2c66204a67ba7cf70c</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Tylos</title>
  <ns>0</ns>
  <id>109</id>
  <revision>
    <id>473</id>
    <parentid>460</parentid>
    <timestamp>2024-03-29T13:49:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2437" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exotech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate kinetic and high-explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>abb0a3c17d297c6f89927655377199e64061c1d8</sha1>
  </revision>
  <revision>
    <id>474</id>
    <parentid>473</parentid>
    <timestamp>2024-03-29T13:50:16Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2438" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Destroyer
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate kinetic and high-explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>fb3ab702da657d686fcb98ccfb6294c6a4c357a9</sha1>
  </revision>
  <revision>
    <id>475</id>
    <parentid>474</parentid>
    <timestamp>2024-03-29T13:51:44Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2434" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Phase
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate kinetic and high-explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>ba9806a9a1efc65880957764cd707c536e5730ad</sha1>
  </revision>
  <revision>
    <id>476</id>
    <parentid>475</parentid>
    <timestamp>2024-03-29T13:52:02Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2444" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Phase Destroyer
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 8000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate kinetic and high-explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>049d26f8309ffd7b1ccbd91d694826baea47be4f</sha1>
  </revision>
  <revision>
    <id>477</id>
    <parentid>476</parentid>
    <timestamp>2024-03-29T13:53:43Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2444" xml:space="preserve">{{ShipInfobox
| name                  = Tylos
| designation           = Phase Destroyer
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_tylos.png
| dp                    = 16
| ordnancepoints        = 110
| topspeed              = 100
| hullintegrity         = 5000
| armorrating           = 800
| fluxcapacity          = 6000
| fluxdissipation       = 600

| defense               = Phaseclaok
| cloakactivationcost   = 150
| cloakupkeepsec        = 300
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Superposition
| mounts                = 1x Medium Synergy &lt;br&gt; 2x Medium Energy &lt;br&gt; 2x Small Energy
| flightdecks           = 0
| hullmods              = [[Exogrid]], [[Phase Entaglement]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|As the latest design in the factions line-up, the Tylos-Class showcases all the extremes researched over dozens of cycles. The technology is used to force specific compartments in to a state of constant superposition, enabling the instant replacement of everything within it at the press of a button. Due to the inherent danger stemming from this tech, the ship has quickly gained a reputation that strikes fear in to any crew that gets assigned to it...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The tylos is a unique ship with the ability to have two different loadouts ready at the same time. Within battle it can use its shipsystem to swap between them at will. Both states can have different weapons and hullmods equipped. When the tylos switches towards its other state, its current percentage of hitpoints and flux are transfered over, notably however, both states have their own armor value. The currently unused state is essentialy frozen in time, causing ammunition to not recharge.

When used by the ai, the tylos prefers to have a seperate kinetic and high-explosive loadout, enabling the ship to switch between both states depending on the condition of its opponent.

&lt;gallery widths=320px heights=180px&gt;
Tylos.gif | The tylos in use.
Tylos-Refit.gif | The tylos shown in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>2141049618cb9c4d4e1684e281cd35cafa2b47da</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>File:Arkas.gif</title>
  <ns>6</ns>
  <id>114</id>
  <revision>
    <id>478</id>
    <timestamp>2024-03-29T14:14:06Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Arkas</title>
  <ns>0</ns>
  <id>115</id>
  <revision>
    <id>479</id>
    <timestamp>2024-03-29T14:14:12Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Arkas | designation           = Phase Cruiser | shipsize              = Cruiser | design                = [[:Category:Exo-Tech|Exo-tech]] | image                 = rat_arkas.png | dp                    = 35 | ordnancepoints        = 160 | topspeed              = 70 | hullintegrity         = 8000 | armorrating           = 1200 | fluxcapacity          = 12000 | fluxdissipation       = 800  | defense               = Phaseclaok | cloak..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1899" xml:space="preserve">{{ShipInfobox
| name                  = Arkas
| designation           = Phase Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_arkas.png
| dp                    = 35
| ordnancepoints        = 160
| topspeed              = 70
| hullintegrity         = 8000
| armorrating           = 1200
| fluxcapacity          = 12000
| fluxdissipation       = 800

| defense               = Phaseclaok
| cloakactivationcost   = 300
| cloakupkeepsec        = 600
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Phase Phantoms
| mounts                = 1x Large Synergy &lt;br&gt; 2x Medium Missile &lt;br&gt; 2x Medium Energy &lt;br&gt; 6x Small Energy
| weapons               = 2x [[Callisto DEM Launcher]]
| flightdecks           = 0
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The defining Exo-Tech ship, being the first military iteration of the companies exo-grid technology, built from materials they hoarded in the early cycles after the collapse. Its construction was issued after a large offensive loss, and the companies reconstruction in to what it is today. The extended use of the exo-grid technology allowed them to create incredibly integrated phase-systems for a ship of its size, enabling a much more stable phasecloak. The flux-grid powered shipsystem manages to put a large amount of pressure on to its opponents at a moments notice...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

&lt;gallery widths=320px heights=180px&gt;
Arkas.gif | The arkas shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>891d2b15d2350302b832ed95e15565ef6eb752b1</sha1>
  </revision>
  <revision>
    <id>481</id>
    <parentid>479</parentid>
    <timestamp>2024-03-29T14:24:41Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2446" xml:space="preserve">{{ShipInfobox
| name                  = Arkas
| designation           = Phase Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_arkas.png
| dp                    = 35
| ordnancepoints        = 160
| topspeed              = 70
| hullintegrity         = 8000
| armorrating           = 1200
| fluxcapacity          = 12000
| fluxdissipation       = 800

| defense               = Phaseclaok
| cloakactivationcost   = 300
| cloakupkeepsec        = 600
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Phase Phantoms
| mounts                = 1x Large Synergy &lt;br&gt; 2x Medium Missile &lt;br&gt; 2x Medium Energy &lt;br&gt; 6x Small Energy
| weapons               = 2x [[Callisto DEM Launcher]]
| flightdecks           = 0
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The defining Exo-Tech ship, being the first military iteration of the companies exo-grid technology, built from materials they hoarded in the early cycles after the collapse. Its construction was issued after a large offensive loss, and the companies reconstruction in to what it is today. The extended use of the exo-grid technology allowed them to create incredibly integrated phase-systems for a ship of its size, enabling a much more stable phasecloak. The flux-grid powered shipsystem manages to put a large amount of pressure on to its opponents at a moments notice...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The Arkas is an expensive Phase Cruiser with the ability to temporarily create weaker clones of itself. Those clones keep the same weapons and hullmods as the original, but only deal 40% of those weapons original damage. The clones are essentialy new ships, meaning that their ammunition is fully restocked everytime the shipsystem is used. The clones are slightly faster than the original ship.

Unlike other shipsystems, the duration of its effect is based on realtime while phased, as otherwise phasing would reduce the effective active time.

&lt;gallery widths=320px heights=180px&gt;
Arkas.gif | The arkas shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>a750b80a6b36c47ed5d6479423c2434759e81de7</sha1>
  </revision>
  <revision>
    <id>482</id>
    <parentid>481</parentid>
    <timestamp>2024-03-29T14:24:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2447" xml:space="preserve">{{ShipInfobox
| name                  = Arkas
| designation           = Phase Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_arkas.png
| dp                    = 35
| ordnancepoints        = 160
| topspeed              = 70
| hullintegrity         = 8000
| armorrating           = 1200
| fluxcapacity          = 12000
| fluxdissipation       = 800

| defense               = Phaseclaok
| cloakactivationcost   = 300
| cloakupkeepsec        = 600
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Phase Phantoms
| mounts                = 1x Large Synergy &lt;br&gt; 2x Medium Missile &lt;br&gt; 2x Medium Energy &lt;br&gt; 6x Small Energy
| weapons               = 2x [[Callisto DEM Launcher]]
| flightdecks           = 0
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The defining Exo-Tech ship, being the first military iteration of the companies exo-grid technology, built from materials they hoarded in the early cycles after the collapse. Its construction was issued after a large offensive loss, and the companies reconstruction in to what it is today. The extended use of the exo-grid technology allowed them to create incredibly integrated phase-systems for a ship of its size, enabling a much more stable phasecloak. The flux-grid powered shipsystem manages to put a large amount of pressure on to its opponents at a moments notice...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The Arkas is an expensive Phase Cruiser with the ability to temporarily create weaker clones of itself. Those clones keep the same weapons and hullmods as the original, but only deal 40% of those weapons original damage. The clones are essentialy new ships, meaning that their ammunition is fully restocked everytime the shipsystem is used. The clones are slightly faster than the original ship.

Unlike other shipsystems, the duration of its effect is based on real time while phased, as otherwise phasing would reduce the effective active time.

&lt;gallery widths=320px heights=180px&gt;
Arkas.gif | The arkas shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>f92245a362649a2a73cf0244b4ee3f65d10b9a6d</sha1>
  </revision>
  <revision>
    <id>483</id>
    <parentid>482</parentid>
    <timestamp>2024-03-29T14:28:55Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2451" xml:space="preserve">{{ShipInfobox
| name                  = Arkas
| designation           = Phase Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_arkas.png
| dp                    = 35
| ordnancepoints        = 160
| topspeed              = 70
| hullintegrity         = 8000
| armorrating           = 1200
| fluxcapacity          = 12000
| fluxdissipation       = 800

| defense               = Phaseclaok
| cloakactivationcost   = 300
| cloakupkeepsec        = 600
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Phase Phantoms
| mounts                = 1x Large Synergy &lt;br&gt; 2x Medium Missile &lt;br&gt; 2x Medium Energy &lt;br&gt; 6x Small Energy
| weapons               = 2x [[Callisto DEM Launcher]]
| flightdecks           = 0
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The defining Exo-Tech ship, being the first military iteration of the companies exo-grid technology, built from materials they hoarded in the early cycles after the collapse. Its construction was issued after a large offensive loss, and the companies reconstruction in to what it is today. The extended use of the exo-grid technology allowed them to create incredibly integrated phase-systems for a ship of its size, enabling a much more stable phasecloak. The flux-grid powered shipsystem manages to put a large amount of pressure on to its opponents at a moments notice...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The Arkas is an expensive Phase Cruiser with the ability to temporarily create two weaker clones of itself. Those clones keep the same weapons and hullmods as the original, but only deal 40% of those weapons original damage. The clones are essentialy new ships, meaning that their ammunition is fully restocked everytime the shipsystem is used. The clones are slightly faster than the original ship.

Unlike other shipsystems, the duration of its effect is based on real time while phased, as otherwise phasing would reduce the effective active time.

&lt;gallery widths=320px heights=180px&gt;
Arkas.gif | The arkas shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>e0e623f8a506fc072e45f93bb8730d85b169821a</sha1>
  </revision>
  <revision>
    <id>484</id>
    <parentid>483</parentid>
    <timestamp>2024-03-29T14:29:10Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2451" xml:space="preserve">{{ShipInfobox
| name                  = Arkas
| designation           = Phase Cruiser
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_arkas.png
| dp                    = 35
| ordnancepoints        = 160
| topspeed              = 70
| hullintegrity         = 8000
| armorrating           = 1200
| fluxcapacity          = 12000
| fluxdissipation       = 800

| defense               = Phaseclaok
| cloakactivationcost   = 300
| cloakupkeepsec        = 600
| shieldarc             = 
| shieldupkeepsec       = 
| shieldfluxdamage      = 

| system                = Phase Phantoms
| mounts                = 1x Large Synergy &lt;br&gt; 2x Medium Missile &lt;br&gt; 2x Medium Energy &lt;br&gt; 6x Small Energy
| weapons               = 2x [[Callisto DEM Launcher]]
| flightdecks           = 0
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The defining Exo-Tech ship, being the first military iteration of the companies exo-grid technology, built from materials they hoarded in the early cycles after the collapse. Its construction was issued after a large offensive loss, and the companies reconstruction in to what it is today. The extended use of the exo-grid technology allowed them to create incredibly integrated phase-systems for a ship of its size, enabling a much more stable phasecloak. The flux-grid powered shipsystem manages to put a large amount of pressure on to its opponents at a moments notice...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The Arkas is an expensive phase cruiser with the ability to temporarily create two weaker clones of itself. Those clones keep the same weapons and hullmods as the original, but only deal 40% of those weapons original damage. The clones are essentialy new ships, meaning that their ammunition is fully restocked everytime the shipsystem is used. The clones are slightly faster than the original ship.

Unlike other shipsystems, the duration of its effect is based on real time while phased, as otherwise phasing would reduce the effective active time.

&lt;gallery widths=320px heights=180px&gt;
Arkas.gif | The arkas shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>48c0cfc096e93ced868cb16a4f6bf9b859edb845</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Exotech</title>
  <ns>0</ns>
  <id>45</id>
  <revision>
    <id>480</id>
    <parentid>280</parentid>
    <timestamp>2024-03-29T14:19:14Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="442" xml:space="preserve">{{ExpansionInfobox
| name                  = Exo-Tech
| image                 = exotech.jpg
}}

Exotech an Expansion Pack adding a new minifaction to the game. &lt;br&gt;
It can be enabled/disabled with the "Enable "Exo-Tech"" config within the Lunalib configuration.  &lt;br&gt;
The expansions content can generate on existing saves if it has not previously been enabled &lt;br&gt;

== Description ==

== How to Find them ==

== Doctrine ==

{{ExotechNavbox}}</text>
    <sha1>ff08ea1f84ec2ca0462c16f68ad1f28aed1c2f0a</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Template:ShipNavbox</title>
  <ns>10</ns>
  <id>15</id>
  <revision>
    <id>485</id>
    <parentid>366</parentid>
    <timestamp>2024-03-29T14:29:59Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="608" xml:space="preserve">{{Navbox 
| title = '''[[:Category:Ships|Ships]]'''
| state = expanded
| group1 = [[:Category:Fighters|Fighter]]s
| list1 = [[Ceto]] • [[Protostar]] • [[Nightblade]] • [[Dawnblade]] 
| group2 = [[:Category:Frigate|Frigate]]s
| list2 = [[Merrow]] • [[Makara]] • [[Raguel]]
| group3 = [[:Category:Destroyer|Destroyer]]s
| list3 = [[Chuul]] • [[Sariel]] • [[Tylos]] • [[Thestia]]
| group4 = [[:Category:Cruiser|Cruiser]]s
| list4 = [[Aboleth (M)]] • [[Aboleth (F)]] • [[Azazel]] • [[Arkas]] • [[Leanira]]
| group5 = [[:Category:Capital|Capital]]s
| list5 = [[Morkoth]] • [[Genesis]]
}}</text>
    <sha1>f7d1d8c052de5c06f00c2607406e5881afec1ad0</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>File:Thestia.gif</title>
  <ns>6</ns>
  <id>116</id>
  <revision>
    <id>486</id>
    <timestamp>2024-03-29T14:40:21Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Thestia</title>
  <ns>0</ns>
  <id>117</id>
  <revision>
    <id>487</id>
    <timestamp>2024-03-29T14:43:01Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Thestia | designation           = Battlecarrier | shipsize              = Destroyer | design                = [[:Category:Exo-Tech|Exo-tech]] | image                 = rat_thestia.png | dp                    = 14 | ordnancepoints        = 100 | topspeed              = 70 | hullintegrity         = 4500 | armorrating           = 500 | fluxcapacity          = 5500 | fluxdissipation       = 350  | defense               = Front Shield |..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2217" xml:space="preserve">{{ShipInfobox
| name                  = Thestia
| designation           = Battlecarrier
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_thestia.png
| dp                    = 14
| ordnancepoints        = 100
| topspeed              = 70
| hullintegrity         = 4500
| armorrating           = 500
| fluxcapacity          = 5500
| fluxdissipation       = 350

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 87
| shieldfluxdamage      = 0.8

| system                = Aftershadows
| mounts                = 2x Medium Synergy &lt;br&gt; 2x Small Energy
| weapons               = 
| flightdecks           = 1
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A rather compact carrier, designed to house only a single bay area. The deployed fighters are connected to an experimental device, based on effects first observed within the arkas-class, creating what appears to be afterimages that can assist in combat. Not much is understood about the mechanics, and it is still unknown where those "afterimages" come from. Some speculate them to be forced in to the sector from a parallel dimension, some asume them to be time-related paradoxes, yet none of those ideas could find any definitive proof. Nonetheless this phenonema gives the ship the ability to severely increase its threat within the span of seconds...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. A rare automated version of it can be recovered from the [[Exoship Remains]] encounter. &lt;br&gt;

The thestia is a battlecarrier with a single fighterbay. It can use its shipsystem to temporarily create clones of the currently equipped fighter lpc. The created clones deal only 60% of their normal damage. The shipsystem also applies to fighters spawned from extra fighterbays added by hullmods.

&lt;gallery widths=320px heights=180px&gt;
Thestia.gif | The thestias shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>37b2b9884ae22b1ff170efcce842bce14a886acb</sha1>
  </revision>
  <revision>
    <id>488</id>
    <parentid>487</parentid>
    <timestamp>2024-03-29T14:44:48Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2129" xml:space="preserve">{{ShipInfobox
| name                  = Thestia
| designation           = Battlecarrier
| shipsize              = Destroyer
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_thestia.png
| dp                    = 14
| ordnancepoints        = 100
| topspeed              = 70
| hullintegrity         = 4500
| armorrating           = 500
| fluxcapacity          = 5500
| fluxdissipation       = 350

| defense               = Front Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 87
| shieldfluxdamage      = 0.8

| system                = Aftershadows
| mounts                = 2x Medium Synergy &lt;br&gt; 2x Small Energy
| weapons               = 
| flightdecks           = 1
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|A rather compact carrier, designed to house only a single bay area. The deployed fighters are connected to an experimental device, based on effects first observed within the arkas-class, creating what appears to be afterimages that can assist in combat. Not much is understood about the mechanics, and it is still unknown where those "afterimages" come from. Some speculate them to be forced in to the sector from a parallel dimension, some asume them to be time-related paradoxes, yet none of those ideas could find any definitive proof. Nonetheless this phenonema gives the ship the ability to severely increase its threat within the span of seconds...|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. &lt;br&gt;

The thestia is a battlecarrier with a single fighterbay. It can use its shipsystem to temporarily create clones of the currently equipped fighter lpc. The created clones deal only 60% of their normal damage. The shipsystem also applies to fighters spawned from extra fighterbays added by hullmods.

&lt;gallery widths=320px heights=180px&gt;
Thestia.gif | The thestias shipsystem in use.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>e1204711d61a46dfb1ff7686769567a85a22f71c</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>File:Leanira-Refit.gif</title>
  <ns>6</ns>
  <id>118</id>
  <revision>
    <id>489</id>
    <timestamp>2024-03-29T14:57:40Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
  <revision>
    <id>492</id>
    <parentid>489</parentid>
    <timestamp>2024-03-29T15:02:23Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Lukas04 uploaded a new version of [[File:Leanira-Refit.gif]]</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>File:Leanira.gif</title>
  <ns>6</ns>
  <id>119</id>
  <revision>
    <id>490</id>
    <timestamp>2024-03-29T14:57:56Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="0" xml:space="preserve"></text>
    <sha1>da39a3ee5e6b4b0d3255bfef95601890afd80709</sha1>
  </revision>
</page>
<page arvcontinue="20240329134443|464">
  <title>Leanira</title>
  <ns>0</ns>
  <id>120</id>
  <revision>
    <id>491</id>
    <timestamp>2024-03-29T15:00:28Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <comment>Created page with "{{ShipInfobox | name                  = Leanira | designation           = Battlecarrier | shipsize              = Cruiser | design                = [[:Category:Exo-Tech|Exo-tech]] | image                 = rat_leanira.png | dp                    = 30 | ordnancepoints        = 165 | topspeed              = 60 | hullintegrity         = 7500 | armorrating           = 1100 | fluxcapacity          = 11000 | fluxdissipation       = 650  | defense               = Omni Shield |..."</comment>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1760" xml:space="preserve">{{ShipInfobox
| name                  = Leanira
| designation           = Battlecarrier
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_leanira.png
| dp                    = 30
| ordnancepoints        = 165
| topspeed              = 60
| hullintegrity         = 7500
| armorrating           = 1100
| fluxcapacity          = 11000
| fluxdissipation       = 650

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 87
| shieldfluxdamage      = 0.8

| system                = Phased Deployment
| mounts                = 1x Medium Energy &lt;br&gt; 2x Medium Synergy &lt;br&gt; 6x Small Energy
| weapons               = 
| flightdecks           = 3
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The largest battlecarrier within the exo-tech doctrine. Its design was concepted to fill the weaknesses of the Arkas-class in real combat, providing support from both far and near distances when required. It is built with a large, hollow interior that is almost entirely dedicated to hosting its deployable "apheidas" platform. Due to the deployment systems limited range, it is known to fight in closer ranges than the average carrier, the same system however allows it to fully support itself within those close quarters....|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. &lt;br&gt;


&lt;gallery widths=320px heights=180px&gt;
Leanira.gif | The leanira in use.
Leanira-Refit.gif | The Leanira in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>911b43b2eab3899822196945661e5fad8a4b3dad</sha1>
  </revision>
  <revision>
    <id>493</id>
    <parentid>491</parentid>
    <timestamp>2024-03-29T15:02:42Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="1761" xml:space="preserve">{{ShipInfobox
| name                  = Leanira
| designation           = Battlecarrier
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_leanira.png
| dp                    = 30
| ordnancepoints        = 165
| topspeed              = 60
| hullintegrity         = 7500
| armorrating           = 1100
| fluxcapacity          = 11000
| fluxdissipation       = 650

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 87
| shieldfluxdamage      = 0.8

| system                = Phased Deployment
| mounts                = 1x Medium Energy &lt;br&gt; 2x Medium Synergy &lt;br&gt; 6x Small Energy
| weapons               = 
| flightdecks           = 3
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The largest battlecarrier within the exo-tech doctrine. Its design was concepted to fill the weaknesses of the Arkas-class in real combat, providing support from both far and near distances when required. It is built with a large, hollow interior that is almost entirely dedicated to hosting its deployable "apheidas" platform. Due to the deployment systems limited range, it is known to fight in closer ranges than the average carrier, the same system however allows it to fully support itself within those close quarters....|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. &lt;br&gt;

.

&lt;gallery widths=320px heights=180px&gt;
Leanira.gif | The leanira in use.
Leanira-Refit.gif | The Leanira in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>c43355da08b5f0f8f462d77fd615c7081ca01b6e</sha1>
  </revision>
  <revision>
    <id>494</id>
    <parentid>493</parentid>
    <timestamp>2024-03-29T15:04:54Z</timestamp>
    <contributor>
      <username>Lukas04</username>
      <id>452883</id>
    </contributor>
    <model>wikitext</model>
    <format>text/x-wiki</format>
    <text bytes="2299" xml:space="preserve">{{ShipInfobox
| name                  = Leanira
| designation           = Battlecarrier
| shipsize              = Cruiser
| design                = [[:Category:Exo-Tech|Exo-tech]]
| image                 = rat_leanira.png
| dp                    = 30
| ordnancepoints        = 165
| topspeed              = 60
| hullintegrity         = 7500
| armorrating           = 1100
| fluxcapacity          = 11000
| fluxdissipation       = 650

| defense               = Omni Shield
| cloakactivationcost   = 
| cloakupkeepsec        = 
| shieldarc             = 270
| shieldupkeepsec       = 87
| shieldfluxdamage      = 0.8

| system                = Phased Deployment
| mounts                = 1x Medium Energy &lt;br&gt; 2x Medium Synergy &lt;br&gt; 6x Small Energy
| weapons               = 
| flightdecks           = 3
| hullmods              = [[Exogrid]], [https://starsector.wiki.gg/wiki/Automated_Ship Automated Ship], 
}}

{{quote|The largest battlecarrier within the exo-tech doctrine. Its design was concepted to fill the weaknesses of the Arkas-class in real combat, providing support from both far and near distances when required. It is built with a large, hollow interior that is almost entirely dedicated to hosting its deployable "apheidas" platform. Due to the deployment systems limited range, it is known to fight in closer ranges than the average carrier, the same system however allows it to fully support itself within those close quarters....|In-Game Description}}

== Description ==

A ship that can be bought from an [[Exoship]] and appears in [[Exotech]] fleets. &lt;br&gt;

The leanira is a battlecarrier with 3 seperate fighter bays. In addition to its fighters, it is able to teleport a small frigate platform on the battlefield. This frigate is entirely configureable within the refit screen. The platform has a long weapon range, but has a very low maximum speed. If the platform gets reduced to 0 hitpoints, the shipsystem is canceled and the platform is returned to the Leaniras interiors. When recalled, the cooldown to deploy the platform again depends on how much damage it has taken over the deployment.

&lt;gallery widths=320px heights=180px&gt;
Leanira.gif | The leanira in use.
Leanira-Refit.gif | The Leanira in refit.
&lt;/gallery&gt;

{{ShipNavbox}}

[[Category:Exotech]][[Category:Exo-Tech]]</text>
    <sha1>22608e8785998e46fd66d89151ae537bdba467ef</sha1>
  </revision>
</page>
</mediawiki>